我怎么知道一次切换了多少个路点的实例



我在呼叫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/。

最新更新