带有CoffeeScript的航路点

我想基于滚动通知事件。我找到了

Waypoints

，可以解决我的问题，但我得到了

jQuery

和

Reactjs

的所有示例。如何在

CoffeeScript

中使用它？

我正在使用下面的代码。它每次都会被触发，但我希望它只有在到达

航路点标头时才会触发。我在重复模式下有这个
div
，我的意思是这个
div
在一些列表项之后可用（列表中每20项之后）。请帮我解决这个问题

$(window).scroll ->
        waypoint = new Waypoint(
            element: document.getElementById('waypoint-header'),
            handler:(direction) ->
                console.debug 'hello'
        )

下面是CoffeeScript中没有jQuery和React的示例：

waypoint = new Waypoint
    element: document.getElementById('waypoint-header'),
    handler: (direction) ->
        console.log 'hello'

您不需要添加事件侦听器，Waypoints库本身就可以做到这一点

如果我理解正确，在任何滚动事件中触发当前代码是正常的。
如果您需要在到达
航路点标题时触发一次，我想您应该只创建一个没有任何滚动事件的航路点，如图所示

要通知列表中的每个元素，我建议将id更改为class并尝试此操作

waypoint = $(".waypoint-header").waypoint ->
      element: document.getElementById('waypoint-header'),
      handler:(direction) ->
            console.debug 'hello'

基于滚动，它被触发了很多次。我只想在到达
div
id航路点标题时触发
Waypoint
。@JeetenParmar，啊，我明白了，请看一下我的更新答案。它给出了错误
错误：没有元素选项传递给航路点构造函数
还有一件事，我在清单中的很多地方都有
航路点标题
。我的意思是在每20个项目之后。它给出了错误
错误：没有元素选项传递给航路点构造函数
还有一件事，我在清单中的许多地方都有
航路点标题
。我的意思是在每20项之后。那么元素选项应该与其他选项区别开来。我想当查看投诉时，你不应该使用
id
标记，比如
class
，
id
，通常意味着在文档中是唯一的。但是我有列表，我想每次向下滚动时调用它。这是一个错误<代码>类型错误：$（…）。航路点不是我使用
bower
安装的
waypoints
功能。
waypoint = $(".waypoint-header").waypoint ->
      element: document.getElementById('waypoint-header'),
      handler:(direction) ->
            console.debug 'hello'