我正在使用一个不错的插件jScroll进行无限滚动,这些示例很简单明了,但是对我来说却不起作用。

滚动脚本为:

$('.infinite-scroll').jscroll({
        debug: true,
        autoTrigger: false,
        loadingHtml: '<img src="css/ajax-loader.gif" alt="Loading" /> Loading...',
        padding: 20,
        nextSelector: 'a.jscroll-next:last',
        contentSelector: '.scrolltable'
    });


它可以正常加载第二页,但不能加载其余页面,在控制台中它说找不到下一个选择器,因此终止。当我检查源代码时,发现滚动到第二页时页面div已完全删除,有什么想法吗?

最佳答案

听起来jScroll在第二页的返回内容中找不到您的nextSelector。如果返回内容的a.jscroll-next:last中不包含.scrolltable,则jScroll将自毁。

至于从DOM中删除的分页div,则在加载下一页后的每个页面都会发生这种情况。您可能会看到从第一页上删除了分页,而第二页在.scrolltable中不包含分页div。

请参阅下面链接的行,其中jScroll删除分页的父容器:

https://github.com/pklauzinski/jscroll/blob/master/jquery.jscroll.js#L163

10-05 22:22