Foundation 6核心js错误答案

【问题标题】：Foundation 6 core js errorFoundation 6核心js错误
【发布时间】：2015-12-15 15:42:21
【问题描述】：

我正在使用全新安装的 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 底部 </body> 之前的 javascript。

<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 库，一切都会正常工作，但这对于我需要的东西来说完全是矫枉过正。

【问题讨论】：

标签： javascript jquery zurb-foundation zurb-foundation-6

【解决方案1】：

我在使用 Foundation 6 的多个插件时遇到此错误。经过搜索和阅读后，发现 foundation.core 与 foundation.util.mediaQuery 有共同依赖关系。

尝试在foundation.core 之后插入foundation.util.mediaQuery。

【讨论】：

【解决方案2】：

我认为这对您不起作用，因为您没有motion ui js 或css。加入并尝试，我想你会很高兴的。

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

【讨论】：

仅链接答案没有帮助。请提供相关信息，以便未来的用户能够理解您所说的为什么会对他们有所帮助。 :)
什么？我刚刚测试了它，因为motion ui，它对他不起作用，仅此而已......看到我帮助了他。
那个链接上的什么回答了这个问题？将其放入您的答案中，以便从现在起两年后该链接不再起作用时有用。

【解决方案3】：

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

转到此链接并复制谷歌 CDN

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

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

【讨论】：