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

4

我在使用 Foundation 6 的多个插件时遇到了这个错误。在进行了一些搜索和阅读之后，结果发现它foundation.core与foundation.util.mediaQuery.

尝试foundation.util.mediaQuery在foundation.core.

于 2015-12-15T22:55:12.137 回答
0

我相信这对你不起作用，因为你没有motion ui js或css。包括并尝试，我想你会很高兴。

您实际上缺少的是foundation.util.motion.js，但仅此一项并不能解决它，您还需要motion ui css文件。

于 2015-12-16T22:40:19.070 回答
0

我遇到了同样的问题，在尝试使用 npm（沮丧）解决它之后，我只是在我的 HTML 上导入了 JQuery。

转到此链接并复制谷歌 CDN

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

并在导入基础脚本之前将其粘贴到您的 html 中。我希望它可以帮助仍然遇到此问题的人。干杯!

于 2018-12-23T01:12:04.923 回答