/ / Визначте, чи Функція фундації була запущена - забур-фундамент

Визначте, чи Функція фундаменту була запущена - zurb-foundation

Я використовую фундамент Zurb Foundation наAngular4 додаток. Я використовую різні елементи (наприклад, спадні меню, аккордеон тощо) на декількох компонентах, і кожен раз, коли я запускаю додаток, я отримую багато попереджень, таких як:

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.

На кожен компонент, який використовує будь-який елемент Foundation, який вимагає Javscript, я запускаю це:

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

Я спробував запустити його лише один раз на основний компонент додатка, але все перестає працювати.

Я хотів би знати, чи є спосіб не показувати ці попередження, або змусити Фонд виявити, що він вже завантажений.

Дякую!

Відповіді:

0 для відповіді № 1

Я мав відповідь прямо перед очима:

Змінити $(document).foundation();

До $("NEW_FOUNDATION_ELEMENT_SELECTOR").foundation(); на кожен компонент, який використовує новий контроль Фонду.

Так, наприклад, у кутовому компоненті, який використовує Foundation аккордеон, код в ngOnInit це:

ngOnInit() {
[...]

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

Роблячи це на всіх компонентах, попередження зникають.