很难让jQuery路径点与JavaScript创建的内容配合使用

因此，我一直在为我目前正在进行的项目摆弄jQuery航路点。 我过去使用过它，没有遇到任何问题，但对于这个特殊的项目，我似乎无法让它工作。这次的不同之处在于，所有contenet都注入了JavaScript，尽管在使用

$.waypoints（'refresh'）时，这不应该是一个问题只需更新航路点位置

由于内容是动态创建的，因此我引入了一个计时器，以确保在初始化脚本之前加载内容

$(document).ready(function(){

    setTimeout(function(){

        waypoints();
        $.waypoints('refresh');

    }, 2000);

});

function waypoints() {

    alert('jQuery Waypoint has initialized');
    //ep.listener.waypoints()

    $(function() {
        var $things = $('article.curr section');

        $things.waypoint(function(direction) {
          if (direction === 'down') {
            //do stuff
            console.log(this);
            console.log('down');
          }
        }, { offset: '50%' });

        $things.waypoint(function(direction) {
          if (direction === 'up') {
            //do stuff
            console.log(this);
            console.log('up');            
          }
        }, {
          offset: function() {
            return $.waypoints('viewportHeight') / 2 - $(this).outerHeight();
          }
        });

    });

}

发生的情况是，航路点只发射一次，而且只发射一次。
它将识别最上面的部分，而不是其他部分，除非您滚动到底部并刷新页面，然后它将识别所有四个元素

我做错了什么

现场演示已启动

用户名：dev

密码：lolboy
您已将您的body标签位置设置为：固定且溢出：隐藏，这意味着在窗口上永远不会触发滚动事件，而滚动事件处于启用状态#treats for trash。航路点侦听窗口上的滚动事件

您应该更改css，以便滚动窗口而不是文章，或者将Waypoint的上下文更改为正确的元素，即“垃圾处理”（请参阅：）。
您已将body标记位置设置为“固定”和“溢出”：隐藏，这意味着窗口上永远不会触发滚动事件，相反，滚动事件处于“垃圾处理”状态。航路点侦听窗口上的滚动事件

您应该更改css，以便滚动窗口而不是文章，或者将Waypoint的上下文更改为正确的元素，即#treats for trash（请参阅：）。
最初，演示在Chrome中运行得不太好。现在应该更正了。最初的演示在Chrome上运行得不是很好。现在应该更正了。谢谢！本以为我从头到尾看完了这些文件，但你证明我错了：）谢谢！本以为我从头到尾看了这些文件，但你证明我错了：）