javascript - 基础均衡器不能连续使用 vcards？

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.equalizer.js在文件之后添加foundation.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>