Erkennen Sie, ob die Stiftung Functoin wurde lief - Zurb-Stiftung

Ich benutze den Rahmen der Zurb Foundation auf einemAngular4 Anwendung. Ich verwende verschiedene Elemente (wie Dropdown-Menüs, Akkordeon usw.) für mehrere Komponenten und jedes Mal, wenn ich die App starte, erhalte ich viele Warnungen, wie:

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.

Für jede Komponente, die eines der Foundation-Elemente verwendet, die Javascript benötigen, führe ich Folgendes aus:

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

Ich habe versucht, es nur einmal auf der Haupt-App-Komponente auszuführen, aber alles funktioniert nicht mehr.

Ich würde gerne wissen, ob es eine Möglichkeit gibt, diese Warnungen nicht anzuzeigen, oder Foundation feststellen zu lassen, dass sie bereits geladen ist.

Vielen Dank!

Antworten:

Ich hatte die Antwort direkt vor meinen Augen:

Veränderung $(document).foundation();

Zu $("NEW_FOUNDATION_ELEMENT_SELECTOR").foundation(); für jede Komponente, die ein neues Foundation-Steuerelement verwendet.

So zum Beispiel in der Angular-Komponente, die Foundation-Akkordeon den Code in verwendet ngOnInit ist:

ngOnInit() {
[...]

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

Bei allen Komponenten wurden die Warnungen ausgeblendet.