我在呼叫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>
我需要一次计算一次调用了多少个路点实例(即,对于同一行上的每个 .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/。