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

Question

我正在使用Waypoints插件检查元素是否滚动到视图中。 当用户向下滚动页面时，我有多个带有类item div，我想为每个类添加一个“已查看”的类。

$(".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

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

事件触发器不将函数中的目标作为参数传递吗？ 尝试使用它。 如果你想知道你的嵌套这真的是，它CONSOLE.LOG。

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

Answer 3

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

这对我有效：

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