Question

我使用http://imakewebthings.com/jquery-waypoints并拥有5个班级（职员），此时，当获得第一堂课时，航点会立即触发所有班级。如何暂存它以便我可以在您通过列表时添加？

<ul id="staff">
<li class="staffmember"></li>
    <li class="staffmember"></li>
    <li class="staffmember"></li>
    <li class="staffmember"></li>
    <li class="staffmember"></li>
</ul>

的jQuery

$('.staffmember').waypoint(function(direction) {
jQuery('.staffmember').addClass('on').next();
});

由于

Answer 1

如果我理解你正确试试这个。它应遍历每个.waypoint元素，并在滚动浏览它们时为每个添加.on类的路径添加单独的路标。

$('.staffmember').each(function() {
  $(this).waypoint(function() {
    $(this).addClass('on');
  });
});

Answer 2

我认为你的问题是你正在添加＆＃34; on＆＃34; class to ALL matching elements（jQuery('.staffmember')），而不仅仅是触发元素。正如imakewebthings指出的那样，Waypoints已经为你做了迭代。

所以，你原来的jQuery应该是：

$('.staffmember').waypoint(function(direction) {
  jQuery(this).addClass('on').next();
});

如果没有each，那应该可以做到。

使用多个类的JQuery航点

2 个答案: