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

我今天只是尝试了点,因为它看起来很棒,

但是,我正在努力让事情发挥作用,

第一次简单测试,效果很好,

$('.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');
});

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

请帮忙 ：)

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

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

Example