Zurb基金会均衡

我试图用这个基金会插件：http://foundation.zurb.com/docs/components/equalizer.html Zurb基金会均衡

这是我的代码：

<div class="row" data-equalizer> 
    <div class="large-4 medium-6 small-12 columns" data-equalizer-watch> 
     {some content} 
    </div> 
    <div class="large-4 medium-6 small-12 columns" data-equalizer-watch> 
     {some content} 
    </div> 
    <div class="large-4 medium-6 small-12 columns" data-equalizer-watch> 
     {some content} 
    </div> 
</div>

然后我我的身体年底前加入以下脚本：

<script src="js/foundation.min.js"></script> 
<script src="js/foundation/foundation.reveal.js"></script> 
<script src="js/foundation/foundation.datepicker.js"></script> 
<script src="js/foundation/foundation.dropdown.js"></script> 
<script src="js/foundation/foundation.equalizer.js"></script> 
<script> 
    $(document).foundation(); 
</script> 
</body>

问题是只是，均衡器不工作。

所有.js正确加载（没有404错误），并且Javascript控制台不会引发任何类型的错误。一切似乎都对我很好，我错在哪里？谢谢你们。

来源

2014-11-06 Dario Emerson

我没有看到任何立即错误。这只是一个html/css/js网站，还是这个网站内置于CMS，可能会导致一些缓存问题？ – cport1 2014-11-06 14:54:03

我已经复制了一个页面中的代码，除此之外没有其他任何东西。它不工作。 – 2014-11-06 14:55:18

你的html很好，你可以在这里看到：http://codepen.io/anon/pen/Ffxly – cport1 2014-11-06 15:05:08

要么单独加载每个插件，要么包含foundation.min.js，它会自动加载Foundation Core和所有JavaScript插件。

<script src="/js/foundation.min.js"></script> 

<!-- or individually --> 

<script src="/js/foundation.js"></script> 
<script src="/js/foundation.alert.js"></script> 
<!-- ... --> 
<script src="/js/foundation.dropdown.js"></script> 
<script src="/js/foundation.tab.js"></script>

来源

2014-11-06 15:08:14 cport1

是的，其实这是问题所在。谢谢 – 2014-11-06 15:13:00

Zurb基金会均衡

回答

相关问题