Javascript 使用waypoints和jquery$时遇到一些问题（此）

我正在使用最新的航路点库。每次航路点通过

程序块

时，它应将属性

数据索引的值记录到控制台，但每次发生这种情况时，它都输出
未索引

我该怎么办

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


var航路点=$（'.program block'）。航路点({
处理程序：函数（方向）{
log（$（this.data（'index'））；
}
});

（但无工作样本）：

此处指向waypoints网站：
在waypoints 3
中，此
不是对HTML元素的引用。它是对航路点实例的引用。要访问底层元素，必须使用
this.element
到底什么不起作用？它在中记录了一些内容。您是否尝试将代码包装到
$（document）.ready（）
-handler中？是的，版本低于3，演示可以正常工作，但我将waypoints v.3与sticky.min.js（也来自waypoints网站）结合使用，我不想使用两个几乎相似的库