/ / पता लगाएं कि फाउंडेशन functoin भाग गया है - zurb-foundation

पता लगाएं कि फाउंडेशन फ़ंक्शन चलाया गया है - ज़र्ब-नींव

मैं एक पर ज़र्ब फाउंडेशन फ्रेमवर्क का उपयोग कर रहा हूँकोणीय 4 आवेदन। मैं इसके कई तत्वों (जैसे ड्रॉपडाउन मेनू, accordion, आदि) का उपयोग कई घटकों पर करता हूं और प्रत्येक बार जब मैं ऐप चलाता हूं तो मुझे बहुत सारी चेतावनियां मिलती हैं, जैसे:

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.

प्रत्येक घटक पर जो किसी भी फाउंडेशन तत्वों का उपयोग करता है जिन्हें जावास्क्रिप्ट की आवश्यकता होती है, मैं इसे चलाता हूं:

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();
}

सभी घटकों पर यह करने से चेतावनियां गायब हो गईं।