我正在使用Foundation 6.4。
我想创建一个新的Foundation.Equalizer实例。
我的标记很简单。我有ul.products
个父母和li.product
个孩子的列表。
我无法控制标记,因此我无法将data-equalizer
等数据属性添加到ul
和data-equalizer-watch
每个li
。< / p>
现在我正在调用这个脚本:
var $products = new Foundation.Equalizer( $( 'ul.products' ) );
我发现ul
上发生了一些事情。附上了一些数据,它变成了:
<ul class="products columns-3" data-resize="2spia2-eq" data-mutate="jzvonv-eq" data-e="fz0751-e" data-events="resize">
但li
孩子的身高并没有改变。所以它没用。如何完成我的脚本以使Equalizer正常工作?
官方文档:https://foundation.zurb.com/sites/docs/equalizer.html#javascript-reference
可能我错过了一些选项或调用某些方法。我对Foundation和Javascript很陌生,所以一切都还不太清楚。