运行 在使用 waypoints 和 jquery 时遇到一些麻烦 $(this)

Question

我正在使用最新的 waypoints 库。每次 waypoints 传递 program-block 时，它应该将属性 data-index 的值记录到控制台，但每次发生这种情况时，它都会输出 undefinded.

我该如何处理？

<div class="program-block" data-index="1"></div>
<div class="program-block" data-index="2"></div>
<div class="program-block" data-index="3"></div>
<div class="program-block" data-index="4"></div>
<div class="program-block" data-index="1"></div>

var waypoints = $('.program-block').waypoint({
    handler: function(direction) {
        console.log($(this).data('index'));
    }
});

Here's my code（但没有工作样本）：

此处 link 到 waypoints 网站：

Answer 1

In Waypoints 3 this 不是对 HTML 元素的引用。它是对 Waypoint 实例的引用。要获取底层元素，您必须使用 this.element.