jquery - jscroll(延迟加载)删除分页

Question

我正在使用一个不错的插件 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 被完全删除，有什么想法吗？

Answer 1

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

至于从 DOM 中删除分页 div，一旦加载下一页，每个页面都会发生这种情况。您可能会看到分页已从第一页中删除，并且您的第二页在 .scrolltable 中不包含分页 div。

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

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