javascript - Zurb 基金会均衡器

Question

我正在尝试使用这个 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 控制台不会抛出任何类型的错误。我觉得一切都很好，我哪里错了？谢谢大家。

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