ccckaass的部落格

Infinite Scroll page not increase

​

在使用Masonry + infinite-scroll時，遇到一個送出URL page參數異常  進而造成無法讀取進來下一頁的問題

如: 一直送出 page=0的字串  或當我送出的字串為 ?type=0&page=0 時，增加的不是page而是type .....

後來翻了翻google   找到一個方式:

假設你的最外層容器為  <div class="water_content ">  則：

$('.water_content').infinitescroll({
        navSelector  : '.more',
        nextSelector : '.more a',
        itemSelector : '.item',
        pathParse: function (path, nextPage) {
            var customPath = path + "&page=";
            path = [customPath, ''];
            return path;
        },
    },function( newElements ) {
        //Load newElements
    });

我們用 infinitescroll 提供的pathParse參數來對page做處理，而AJAX回應的下一頁more連結部分   

可以捨去回傳 page 這個URL參數  讓 pathParse做處理即可