我正在使用一个不错的插件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