2015-12-15 62 views
5

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

出于某种原因,我虽然得到这个错误..

Uncaught TypeError: Cannot read property '_init' of undefined

上foundation.core.js的245线。

这是我的页面上的HTML,直接从基金的文档可封闭的例子..

<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> 

我不知道我在做什么错在这里或我失踪了。一切工作,如果我加载整个基础JavaScript库,但这完全是我所需要的矫枉过正。

回答

5

我从基金会6的多个插件有这个错误。在做了一些搜索和阅读后,结果发现foundation.corefoundation.util.mediaQuery有一个共同依赖。

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

+0

谢谢。这解决了我的问题。 – gdaniel

0

我相信这不适合你,因为你没有运动ui js或css。包括并尝试,我想你会很开心。

它实际上就是你想念的foundation.util.motion.js,但那不能解决它,你还需要运动ui css文件。

+0

只有链接的答案没有帮助。请提供相关信息,以便将来的用户能够理解你为什么说会帮助他们。 :) –

+0

什么?我刚测试过这个,因为动作ui不适合他,这就是所有......看我帮他。 – Tom

+0

那个链接回答了这个问题?把它放到你的答案中,这样在两年后这个链接不再起作用了。 –