javascript - 基础均衡器无法与连续的 vcard 一起使用？

Question

我正在使用 Foundation 作为网站的后端，并尝试使用均衡器功能来保持一组 vcard div 的高度相等。我的代码如下:

<div class="row" data-equalizer>
  <div class="small-4 large-6 vcard columns" data-equalizer-watch>
    ...
  </div>
  <div class="small-4 large-6 vcard columns" data-equalizer-watch>
    ...
  </div>
  ...
</div>

但是，均衡器功能并未使所有这些 vcard div 相等。那么，我到底做错了什么？

Answer 1

在使用均衡器之前，您需要验证jQuery和foundation.js在您的页面上可用。

只需在 foundation.js 文件后添加 foundation.equalizer.js 即可。您的标记应如下所示:

<script src="js/vendor/jquery.js"></script>
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.equalizer.js"></script>

<script>
    $(document).foundation();
</script>