$(this).addClass('为什么你不工作');不在航点上工作？答案

【问题标题】：$(this).addClass('why-you-no-working'); not working on waypoint?$(this).addClass('为什么你不工作');不在航点上工作？
【发布时间】：2015-01-10 08:24:34
【问题描述】：

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

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

第一个简单的测试，完美运行，

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

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

请帮忙:)

【问题讨论】：

请打开控制台并修复 jsfiddle 中的所有错误
由于某种原因，外部 js 无法在 chrome 中运行。哈哈。

标签： jquery jquery-waypoints

【解决方案1】：

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

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

Example

【讨论】：

您先生节省了我的时间。谢谢