javascript - 我如何知道一次切换了多少个 Waypoints 实例？

Question

我将多个元素放置在几行中，我正在调用 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 实例，等等)。有什么想法吗？

Answer 1

可以使用 this.group.waypoints.length 找到一次触发的 Waypoints 实例总数。您可以在以下位置阅读更多相关信息:http://imakewebthings.com/waypoints/api/group/ .