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問題。