$(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. You can get reference to DOMElement，内部回调，通过属性 this.element

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

$(this).addClass('why-you-no-working'); not working on waypoint?