Infinite Scroll page not increase

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

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
$('.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連結部分

轉自:http://bcawosxy.pixnet.net/blog/post/379260577-%5Bjquery%5D-infinite-scroll-page-%E5%8F%83%E6%95%B8%E9%8C%AF%E8%AA%A4%E3%80%81%E5%8F%83%E6%95%B8%E7%95%B0%E5%B8%B8%E3%80%81