jQuery $(this) 返回 [object 对象]

jQuery $(this) returning [object Object]

我正在尝试在触发 Waypoint 时向同一元素添加 class。当特定元素触发时,我只想要 class 元素,因此我想使用 $(this).

Jquery:

var $waypointAppear = $('.waypoint-appear');
    $waypointAppear.waypoint(function () {
      $(this).addClass('show');
    }, { offset: '70%' });

HTML:

<div class="panel__text-box waypoint-appear">
<h2>Heading</h2>
<p>Text</p>
</div>

触发时不会附加 class 和 returns [对象对象]。

如有任何帮助,我们将不胜感激。谢谢

Please see this jsfiddle.

 $(this.element).addClass('show');

您可能会找到答案。