/ / Откриване, ако Функционалността на фондацията е стартирана

Открийте дали Функетоунът на Фондацията е бил стартиран

Използвам рамката на фондация "Зърбъри" наПриложението ъглово4. Използвам различни елементи от нея (като падащи менюта, акордеон и т.н.) на няколко компонента и всеки път, когато пускам приложението получавам много предупреждения, като:

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.

На всеки компонент, който използва някой от елементите на Фондацията, които изискват Javscript, изпълнявам следното:

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

Опитах да го пускам само веднъж на основния компонент на приложението, но всичко спира да работи.

Бих искал да знам дали няма начин да не се показват тези предупреждения или да накара Фондацията да установи, че вече е заредена.

Благодаря!

Отговори:

0 за отговор № 1

Отговорът ми беше точно пред очите ми:

промяна $(document).foundation();

Да се $("NEW_FOUNDATION_ELEMENT_SELECTOR").foundation(); на всеки компонент, който използва нов контрол на фондацията.

Така например, в ъгловия компонент, който използва фондацията акордеон код в ngOnInit е:

ngOnInit() {
[...]

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

Като направи това на всички компоненти, предупрежденията изчезнаха.