当元素滚动到视图中时，jQuery Waypoints添加类

Question

我使用Waypoints插件检查元素是否滚动到视图中。当用户向下滚动页面时，我有多个带有类item的div，我想添加一个类＆＃34;查看＆＃34;每个人。

$(".item").waypoint(function(){
    $(this).addClass("viewed");
    console.log("yey");
});

console.log有效，但.addClass没有。该插件不支持$(this)吗？

Answer 1

我终于明白了。

$(".item").waypoint(function(){
   $(this[0,'element']).addClass("viewed");
});

this没有指向元素，所以我需要定位它。

Answer 2

调用这些回调函数时必须小心，这个的确意味着什么。在这种情况下，它可能指的是你的功能。

事件触发器是否将函数中的目标作为参数传递？尝试使用它。如果你想知道你的嵌套这个到底是什么，请调试它。

$(".item").waypoint(function(thing){
   $(thing).addClass("viewed");
   console.log("yey");
});

Answer 3

已检查的答案在此插件的较新版本中导致了大量错误。

这对我有用：

$(".item").waypoint(function() {
    $(this.element).addClass("viewed");
});