javascript - 使用 ON 的 Jquery 航点

Question

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

有没有办法在航点上使用 jquerys On 事件？

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

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

当您在 dom 加载一次后动态插入一个带有点击功能的元素时，会发生类似的问题，您不能使用 .click，您可以使用 .on("click, "element", function() .

使它起作用的一种方法是使用以下方法在航点内重新创建航点:

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

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

<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 或页面布局而没有执行这些操作之一，您可能需要手动调用它。