1
我在我的网站上使用无限滚动,想用我的手机网站相同,但是,只要我包括jquery手机,它停止工作。无限滚动jquery手机
它工作正常,没有这一点。 任何指针?
详情: 我使用保罗爱尔兰的无限滚动。 初始化似乎没有给出任何错误,但与此同时,它不会加载下一页(当我到达页面底部时不会发出ajax调用)。
我提出了一个光秃秃的骨骼位here
我在我的网站上使用无限滚动,想用我的手机网站相同,但是,只要我包括jquery手机,它停止工作。无限滚动jquery手机
它工作正常,没有这一点。 任何指针?
详情: 我使用保罗爱尔兰的无限滚动。 初始化似乎没有给出任何错误,但与此同时,它不会加载下一页(当我到达页面底部时不会发出ajax调用)。
我提出了一个光秃秃的骨骼位here
我知道这是为时已晚,但迟到总好过。
您可以使用以下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
});
}
什么无限滚动? jQuery Mobile版本?你做了什么来解决这个问题? – Gajotres
可以显示你的HTML和代码背后??? –
@Borsel新增了详细信息 –