jquery - $(this).addClass ('why-you-no-working' );不在航点上工作？

Question

我今天刚刚尝试了路点，因为它看起来棒极了，

但是，我很难让事情顺利进行，

第一次简单测试，完美运行，

$('.parallax').waypoint(function() {
        alert('I work');
});

但是当我使用 $(this) 时，它不起作用，例如

$('.parallax').waypoint(function() {
        $(this).addClass('why-you-no-working');
});

您可以从此处查看示例 -> http://jsfiddle.net/4D3bH/425/

第二个框应该有黑色背景颜色而不是蓝色，但由于某种原因它的简单不起作用，

如果我使用类似下面的东西，它工作得很好，它

$('.parallax').waypoint(function() {
            $('.parallax').addClass('why-you-no-working');
});

花了近三个小时试图让它工作，但没有运气，

请帮忙:)

Answer 1

在这种情况下，this 并不引用 DOMElement 。您可以引用DOMElement ，在回调内部，通过属性 this.element

$('.parallax:nth-of-type(2)').waypoint(function() {        
    $(this.element).addClass('why-you-no-working');
},{offset: '1%'}); 

Example