/ / Zistiť, či bola funkcia Foundation funded - zurb-foundation

Zistiť, či bola funkcia Nadácie spustená - založená

Používam rámcový rámec nadácie Zurb naAplikácia Angular4. Používam rôzne prvky (napríklad rozbaľovacie menu, akordeón atď.) Na niekoľkých komponentoch a pri každom spustení aplikácie dostávam veľa upozornení, ako napríklad:

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ždej zložke, ktorá používa niektorý z prvkov nadácie, ktoré vyžadujú Javscript, spúšťam toto:

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

Snažil som sa ho spustiť iba raz na hlavnej komponente aplikácie, ale všetko prestane fungovať.

Rád by som vedel, či nie je spôsob, ako tieto varovania zobraziť, alebo aby nadácia zistila, že už je načítaná.

Vďaka!

odpovede:

0 pre odpoveď č. 1

Mal som odpoveď tesne pred mojimi očami:

zmena $(document).foundation();

na $("NEW_FOUNDATION_ELEMENT_SELECTOR").foundation(); na každú zložku, ktorá používa novú kontrolu Nadácie.

Takže napríklad v úhlovom prvku, ktorý používa nadstavbový akordeón, kód v ngOnInit je:

ngOnInit() {
[...]

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

Ak to urobíte na všetkých súčastiach, upozornenia zmiznú.