jscroll(延迟加载)删除分页

时间:2014-02-09 17:30:36

标签: jquery jquery-plugins

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

1 个答案:

答案 0 :(得分:1)

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

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

查看链接到下面的行,其中jScroll删除了分页的父容器:

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