使用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
    });
}