/ / Wykryj, czy Fundacja functoin została uruchomiona - zurb-foundation

Wykryj, czy funktoina Fundacji została uruchomiona - zurb-foundation

Używam ramy Zurb Foundation naAplikacja Angular4. Używam różnych jego elementów (takich jak menu rozwijane, akordeon itp.) Na kilku komponentach i za każdym razem, gdy uruchomię aplikację, otrzymuję wiele ostrzeżeń, takich jak:

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.

Na każdym komponencie, który używa dowolnego elementu Foundation wymagającego Javscript, uruchamiam to:

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

Próbowałem uruchomić go tylko raz na głównym elemencie aplikacji, ale wszystko przestało działać.

Chciałbym wiedzieć, czy istnieje sposób, aby nie pokazywać tych ostrzeżeń, lub sprawić, aby Fundacja wykryła, że ​​jest już załadowana.

Dzięki!

Odpowiedzi:

0 dla odpowiedzi № 1

Miałem odpowiedź na moich oczach:

Zmiana $(document).foundation();

Do $("NEW_FOUNDATION_ELEMENT_SELECTOR").foundation(); na każdym komponencie, który używa nowego formantu Foundation.

Na przykład w komponencie Angular, który używa Fundacji, akordeon kodu w ngOnInit jest:

ngOnInit() {
[...]

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

Wykonanie tej czynności na wszystkich komponentach spowodowało zniknięcie ostrzeżeń.