我将多个元素放置在几行中,我正在调用 Waypoints 实例。
<div class="row">
<div class="col-xs-6 col-sm-4"><div class="foo"></div></div>
<div class="col-xs-6 col-sm-4"><div class="foo"></div></div>
<div class="col-xs-6 col-sm-4"><div class="foo"></div></div>
<div class="col-xs-6 col-sm-4"><div class="foo"></div></div>
<div class="col-xs-6 col-sm-4"><div class="foo"></div></div>
<div class="col-xs-6 col-sm-4"><div class="foo"></div></div>
</div>
我需要计算一次调用了多少个 Waypoints 实例(即同一行上的每个 .foo
元素):
var total = 0;
$('.foo').each(function() {
$(this).waypoint({
handler: function(direction) {
total++;
}
});
});
上面的代码是针对第一行执行的,但是我不确定如何在第二行的元素激活之前重置它(计算第二行元素的 Waypoint 实例,等等)。有什么想法吗?
最佳答案
可以使用 this.group.waypoints.length
找到一次触发的 Waypoints 实例总数。您可以在以下位置阅读更多相关信息:http://imakewebthings.com/waypoints/api/group/ .
关于javascript - 我如何知道一次切换了多少个 Waypoints 实例?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42460071/