jQuery无限滚动插件-加载和内存问题

Question

我正在使用无限滚动插件（由Paul Irish）。 我想在加载下一页并达到maxPage时使用自定义函数。

我已经根据文档尝试了以下方法，但是这将启动加载功能，但从未调用完成功能。 当我在控制台中查看时，它也不调用下一页。 我想念什么？

    // Infinite Ajax Scroll configuration
    $container.infinitescroll({
        navSelector: "div.paginate",
        nextSelector: "div.paginate a",
        itemSelector: "div.element",
        maxPage: 5,
        loading: {
            start: function(){
                  alert('started');
            },
            finished: function(){
                  alert('finsihed loading');
            }
        }
    },
    function(newElements) {

        var $newElements = $(newElements).css({opacity: 0});
        //remove the first item
        $newElements.splice(0, 1);

            $container.isotope('appended', $newElements);

        }

    });
});

页面和页面的滚动可能会继续进行，直到浏览器由于内存问题而崩溃为止，因此，当当前页面到达maxPage时，我需要停止无限滚动，并允许用户选择“加载更多”按钮。 希望解决内存问题。

在下面的链接中对此进行了讨论，但是我找不到有关如何准确执行此操作的任何其他文档，甚至无法使上述示例起作用。

https://github.com/paulirish/infinite-scroll/issues/300

Answer 1

首先，请确保它可以使用最少的选项（加上控制台调试消息）：

$container.infinitescroll({
    navSelector: "div.paginate",
    nextSelector: "div.paginate a",
    itemSelector: "div.element",
    debug: true
});

如果是这样，请添加选项，直到出现问题为止。

我建议在控制台中调试启动/完成功能，如下所示：

    loading: {
        start: function(){
              console.log('started');
        },
        finished: function(){
              console.log('finsihed loading');
        }
    }

考虑添加errorCallback选项来调试ajax问题。