基础6核心js错误

时间:2015-12-15 15:42:21

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

我正在使用全新安装的Foundation 6并尝试设置一个可关闭的切换框(http://foundation.zurb.com/sites/docs/toggler.html)。

出于某种原因,我收到了这个错误..

get_option()

在foundation.core.js的第245行。

这是我页面上的HTML,直接来自Foundation docs中的可关闭示例..

Uncaught TypeError: Cannot read property '_init' of undefined

这是我在<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底部的javascript。

</body>

我不确定我在这里做错了什么或者我错过了什么。如果我加载整个Foundation javascript库,那么一切都有效,但这对于我需要的东西来说是完全过度的。

3 个答案:

答案 0 :(得分:4)

我在Foundation 6中使用多个插件时出现此错误。经过一些搜索和阅读后,发现foundation.corefoundation.util.mediaQuery具有共同依赖关系。

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

答案 1 :(得分:0)

我认为这不适合你,因为你没有动作ui js或css。包括并尝试,我想你会很高兴。

它实际上是你缺少的基础.util.motion.js,但仅此一项不会修复它你也需要动作ui css文件。

答案 2 :(得分:0)

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

点击此链接并复制google CDN

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

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