Jak radzić sobie z wywoływaniem $ (document) .foundation() i pakietem WebPack?

Question

Według Fundacji documentation:

Po zawarte Fundacja JavaScript, wystarczy dodać prosty wezwanie do zainicjowania wszystkie wtyczki na swojej stronie.

Zalecamy zainicjowanie Foundation na końcu strony .

<script> 
    $(document).foundation(); 
</script> 

Moja aplikacja używa WebPACK i dlatego moduły obciążenia są asynchroniczny.
Oznacza to, że klasyczny skrypt na dole treści działa PRZED pojawieniem się ui-view z szablonem. (używając Angular).

Jeśli umieściłem scenariusz na dole, DOM zostanie wypełniony, zanim zostanie sparsowany przez skrypty Fundacji, co nie będzie miało żadnego wpływu na zachowanie składników Fundacji.

Czy doświadczyłeś tego samego?

Nie chcę uruchamiać $(document).foundation(); w szablonie każdego kontrolera.

Answer 1

Powinieneś wykonać $(document).foundation() na document.ready wydarzeniu lub window.load. Ale najlepszym rozwiązaniem jest moduł mądry zainicjować Foundation JS.

Na przykład, tworząc akordeonie var elem = new Foundation.Accordion(element, options);