jQuery Waypoints仅处理具有指定类的第一个元素

Question

我正在尝试实现jQuery Waypoints插件，以便在进入视口时将.active类添加到.foo类的任何元素：

<div class="foo"></div>
<div class="foo"></div>

var inview = new Waypoint.Inview({
  element: $('.foo')[0],
  entered: function(direction) {
    $(this.element).addClass("active");
  }
});

JS小提琴：http://jsfiddle.net/g6mouxnd/

上面的示例仅将.active类添加到第一个.foo容器中。 如何使其适用于第二个及任何后续.foo容器？

Answer 1

您可以遍历每个.foo并为每个{{p>>创建一个Inview

$('.foo').each(function() {
  new Waypoint.Inview({
    element: this,
    entered: function(direction) {
      $(this.element).addClass('active');
    }
  });
});