Zurb 基础均衡器答案

【问题标题】：Zurb Foundation EqualizerZurb 基础均衡器
【发布时间】：2014-11-06 14:47:33
【问题描述】：

我正在尝试使用这个 Foundation 插件：http://foundation.zurb.com/docs/components/equalizer.html

这是我的代码：

<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 控制台没有抛出任何类型的错误。一切对我来说似乎都很好，我错在哪里？谢谢各位。

【问题讨论】：

我没有立即看到任何错误。这只是一个 html/css/js 网站，还是该网站内置于 CMS 中，可能会导致一些缓存问题？
我已经将代码复制到一个页面中，除此之外没有任何其他内容。它不工作。
你的 html 很好，你可以在这里看到：codepen.io/anon/pen/Ffxly
可能是你包含了foundation.min.js，它里面有foundation.equalizer.js。因此，您通过单独添加插件来包含均衡器功能两次。

标签： javascript zurb-foundation

【解决方案1】：

要么单独加载每个插件，要么包含 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>

【讨论】：

是的，实际上这就是问题所在。谢谢