/ / Détecter si la functoin Foundation a été exécutée - zurb-foundation

Détecter si la fonction Foundation a été exécutée - zurb-foundation

J'utilise le framework Zurb Foundation sur unApplication angulaire4. J'utilise différents éléments (comme les menus déroulants, l'accordéon, etc.) sur plusieurs composants et chaque fois que je lance l'application, je reçois beaucoup d'avertissements, tels que:

foundation.min.js:3 Tried to initialize responsive-toggle on an element that already has a Foundation plugin.
foundation.min.js:3 Tried to initialize accordion on an element that already has a Foundation plugin.
foundation.min.js:3 Tried to initialize dropdown-menu on an element that already has a Foundation plugin.
foundation.min.js:3 Tried to initialize responsive-toggle on an element that already has a Foundation plugin.
foundation.min.js:3 Tried to initialize sticky on an element that already has a Foundation plugin.
foundation.min.js:3 Tried to initialize accordion on an element that already has a Foundation plugin.
foundation.min.js:3 Tried to initialize dropdown-menu on an element that already has a Foundation plugin.
foundation.min.js:3 Tried to initialize responsive-toggle on an element that already has a Foundation plugin.
foundation.min.js:3 Tried to initialize sticky on an element that already has a Foundation plugin.

Sur chaque composant qui utilise l'un des éléments Foundation nécessitant Javscript, je lance ceci:

ngOnInit() {
// We initalize Foundation framework once the component has loaded
$(document).foundation();
}

J'ai essayé de l'exécuter une seule fois sur le composant principal de l'application, mais tout ne fonctionne plus.

Je voudrais savoir s'il existe un moyen de ne pas afficher ces avertissements, ou de faire en sorte que Foundation détecte qu'il est déjà chargé.

Merci!

Réponses:

0 pour la réponse № 1

J'avais la réponse sous mes yeux:

Changement $(document).foundation();

À $("NEW_FOUNDATION_ELEMENT_SELECTOR").foundation(); sur chaque composant qui utilise un nouveau contrôle Foundation.

Ainsi, par exemple, dans le composant angulaire qui utilise l'accordéon Foundation, le code dans ngOnInit est:

ngOnInit() {
[...]

$(".accordion").foundation();
}

Faire cela sur tous les composants a fait disparaître les avertissements.