使用jquery-mobile進行無限滾動

Question

我在網站上使用無限滾動，想在移動網站上使用無限滾動，但是，一旦包含jquery-mobile，它就會停止工作。

沒有它，它工作正常。 有指針嗎？

詳細信息：我正在使用Paul Irish的無限滾動。 初始化似乎沒有給出任何錯誤，但是同時，它不會加載下一頁（當我到達頁面底部時，不會進行ajax調用）。

我在這里架了裸露的骨頭

Answer 1

我知道為時已晚，但總比沒有好。
您可以使用以下setInfifniteScroll（）函數在頁面上設置無限滾動。 您可以在准備好文檔的函數內部直接調用此函數或復制函數代碼

$(document).ready(function(){
    setInfifniteScroll(scrollingDivId); // Here instead of scrollingDivId you can pass window object
});

Paulirish無限滾動js具有一些預定義的算法來計算下一頁網址，如果您的網址與之不匹配，則它將不會調用下一頁。 因此，我已經修改了網址以調用下一頁。
在這里，您可以為第一頁加載內容，然后從第二頁開始進行無限滾動。 請注意，您為每個頁面維護一個特定的路徑。 下面給出的示例在我的網址后附加了？page = pageNumber。

function setInfifniteScroll(scrollingDivId){
    $('#scrollingDivId').infinitescroll({
        state: {
           currPage: 2 ,
           isDestroyed: false,
           isDone: false     
       },  
       loading: {
          finishedMsg: "<em>No more content to load. You have reached to end.</em>",
          img: "image/loader.gif",
          speed: 'fast',
          msgText: "<em>Loading the next set of content...</em>",
          delay  : 1
       },
       navSelector      : "#navId",
       nextSelector     : "#navId a",
       itemSelector     : ".itemselector", // it is element class to catch from your response
       debug            : false,
       dataType     : 'html',
       path: function(pageNumber) {
          var url = $("#navId a").attr("href");
          pageNumber = parseInt(url.substring(url.lastIndexOf("page=")+5, url.length)) + 1;
          $("#navId a").attr("href","nextPageUrl_append with?page=" + pageNumber);
          return url;
       },
    }, function(newElements, data, url){
       // You can perform operations on data
    });
}