使用航点和jQuery $（this）时遇到一些麻烦

Question

我正在使用最新的航点库。 每次路点通过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'));
    }
});

这是我的代码 （但没有工作示例）：

这里是航点网站的链接 ：

Answer 1

在Waypoint 3中， this不是对HTML元素的引用。 它是对Waypoint实例的引用。 要访问基础元素，必须使用this.element 。