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/找到更多相关信息。

我如何知道一次切换多少个Waypoint实例？

1 个答案: