使用 ON 的 Jquery Waypoints

Question

我陷入了使用 ajax 将航点注入回 dom 的情况。这些新元素不会触发在 dom 更改之前创建的现有航路点。

有没有办法将 jquerys On 事件与航点一起使用？

我正在使用航点 2.0.2 http://imakewebthings.com/jquery-waypoints/ 我正在尝试做的一个示例是，重新插入仍然可以使用应用于 .waypoint 指定元素的航点方法的航点

我遇到的问题是，在我插入要作为航点的新 div 后，它们不会触发。

当你在 dom 加载一次后动态插入一个附加了 click 函数的元素时会发生类似的问题，你不能使用 .click，你使用 .on("click, "element", function() .

实现此功能的一种方法是使用以下方法在航点内重新创建航点：

(".nacho").waypoint(函数(方向)

除了在我的情况下这不起作用的原因是所有先前触发或滚动过去的航点都会触发。

<div class="nacho">

</div>
<script>
$(document).ready(function(){
    $("body").on("waypoint", ".nacho", function(event){

    //alert("test");

    });

    $(".nacho").waypoint(function(direction){
    alert("test");
        $("body").append("<div class=nacho>html to force the window down</div>");
    } , { offset: "bottom-in-view" });


});
</script>

我尝试将航点 nacho 重新插入到 dom 中，这样做之后，即使打开，航点也不会触发。

Answer 1

更新 DOM 后，发出刷新：

$.waypoints('refresh')

文档：http://imakewebthings.com/jquery-waypoints/#docs

$.waypoints('刷新')

这将强制根据其偏移选项重新计算每个航点的触发点。每当调整窗口大小或添加新航点时，都会自动调用此方法。如果您的项目正在更改 DOM 或页面布局而没有执行这些操作之一，您可能需要手动调用它。