我如何知道一次切换了多少个 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

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

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

How do I know how many instances of Waypoints are toggled at once?

html

javascript

css

jquery

jquery-waypoints