javascript - $(this) 不适用于航路点

Question

$(this) 属性不能与 waypoints.js 结合使用。

我的Javascript:

$('.dipper').waypoint(function() {
    $(this).addClass('test');
}, { offset: '100%' });

奇怪的是这段代码在我的网站上运行得很好:

$('.dipper').waypoint(function() {
    $('.dipper').addClass('test');
}, { offset: '100%' });

在这种情况下，我使用 .dipper 而不是 $(this)。你可以在我的网站上查看:http://www.sq-media.de/weboptimierungen/rehfeld

Answer 1

Waypoint 方法不在与父 jQuery 对象相同的上下文中运行。如果您需要这种行为，您可以使用 each 遍历 .dipper 元素:

$('.dipper').each(function() {
    var $this = $(this);
    $this.waypoint(function() {
        $this.addClass('test');
    }, { offset: '100%' });
});