$(本).addClass("为什么 - 你 - 没有工作"); 不在航点上工作？

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%'}); 

例