$（document）.foundation（）コールとWebPackを処理するには？

Question

財団のdocumentationによると：

あなたは財団JavaScriptを含めた後、ちょうどあなたのページ上のすべてのプラグインを初期化するための簡単な 呼び出しを追加します。

ページの最後にFoundationを初期化することをお勧めします。

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

私のアプリはWebPACKのを使用するため、負荷が非同期されているモジュール。
これは、本体の下部にある古典的なスクリプトが、ui-viewにテンプレートが入力される前に実行されることを意味します。 （角度を使用して）。

スクリプトを一番下に置くと、Foundationのスクリプトによって解析される前にDOMが読み込まれ、Foundationのコンポーネントの動作すべてに影響しません。

はあなたが同じことを経験したことがありますか？

各コントローラーのテンプレートに$(document).foundation();をトリガーしたくありません。

Answer 1

document.readyイベントまたはwindow.loadで$(document).foundation()を実行する必要があります。しかし、最善の解決策は、財団のJSを賢明に開始することです。アコーディオンにvar elem = new Foundation.Accordion(element, options);