5

Foundation 6 の新しいインストールを使用して、閉じることができるトグル ボックス ( http://foundation.zurb.com/sites/docs/toggler.html ) を設定しようとしています。

何らかの理由で、このエラーが発生しています..

Uncaught TypeError: Cannot read property '_init' of undefined

foundation.core.js の 245 行目。

これは私のページの HTML で、Foundation ドキュメントのクローズ可能な例から直接引用したものです。

<div class="callout" data-closable>
  <button class="close-button" data-close>&times;</button>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore praesentium sint alias dolorum qui vel quaerat, libero consequatur non esse asperiores veritatis commodi, odit eum ipsam nemo dicta iste aliquam.</p>
</div>

これは、.html の前の HTML の下部にある JavaScript です</body>。

<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/foundation-sites/js/foundation.core.js"></script>
<script src="bower_components/foundation-sites/js/foundation.toggler.js"></script>
<script>
    $(document).foundation();
</script>

ここで何が間違っているのか、何が欠けているのかわかりません。Foundation javascript ライブラリ全体をロードするとすべてが機能しますが、それは必要なものに対して完全にやり過ぎです。

4

3 に答える 3