Javascript 在动态创建的内容上执行无限滚动

我有一个使用MySQL数据库加载内容的页面。用户可以使用几个按钮过滤内容，然后使用jQuery将这些内容替换为动态拉取的数据。我在无限卷轴中使用的链接也会改变。但是无限滚动插件似乎只使用相同的旧链接，而不是新加载的链接来触发滚动

我使用的jQuery无限滚动插件

这是我的密码

<div class="container" id="myposts">
<div class=”post”>
<p>my content</p>
</div>
</div>

<nav id="page-nav"><a href="myposts.php?page=2"></a></nav>

//jQuery code
$('#myposts').infinitescroll({
    navSelector  : '#page-nav',    // selector for the paged navigation 
        nextSelector : '#page-nav a',  // selector for the NEXT link (to page 2)
        itemSelector : '. post ',     //
        loading: {
                        finishedMsg: 'End of the page',
                        img: 'images/loader.gif'
    }
    }, function(newElements, data, url){

});

我的内容

//jQuery代码
$（'#myposts'）。无限滚动({
导航选择器：'#页面导航'，//页面导航的选择器
下一个选择器：“#页面导航a”，//下一个链接（到第2页）的选择器
itemSelector:“.post”//
装载：{
finishedMsg:'页面结束'，
img:'images/loader.gif'
}
}，函数（新元素、数据、url）{
});

我正在从更改滚动触发链接

<nav id="page-nav"><a href="myposts.php?page=2"></a></nav>

到

---

但插件仍然使用旧的链接来触发滚动。有什么解决办法吗？感谢您的时间。

您可以收听

append.infiniteScroll

事件，然后更新页面中的链接。

大概是这样的：

$container.on( 'append.infiniteScroll', function( event, response, path, items ) {
  $container.infiniteScroll( 'nextSelector', '#page-nav a' )
});

$container.on( 'append.infiniteScroll', function( event, response, path, items ) {
  $container.infiniteScroll( 'nextSelector', '#page-nav a' )
});