最近在仿一个模板。中间要用到无刷新加载,如果加载的是最后一页将停止。。
但是我不知道如何判断是不是最后一页?
求高手给出啊!!
如何判断当前列表是否为最后一页列表?
Re: 如何判断当前列表是否为最后一页列表?
我曾经这么做过:
index.php内:
然后在js里有下面这样的代码
应该还算好理解吧,大概就是第一页输出下一页的链接,后面的页的next摁钮则通过ajax来生成:如果有就是“下一页”摁钮,如果没有,就是一个提示已经到底端。
抛砖引玉,只是一种思路而已。
index.php内:
代码: 全选
<?php $this->pageLink('正在载入文章 ...','next'); ?>
代码: 全选
$(document).ready(function(){
var startHref;
$(".next").click(function() {
var href = $(this).attr("href");
startHref = href;
if (href != undefined) {
$.ajax({
type: "get",
url: href,
success: function(data) {
var $res = $(data).find(".post");
$(".ajax").append($res);
var newHref = $(data).find(".next").attr("href");
if (newHref != undefined) {
$(".next").attr("href", newHref);
} else {
$(".next").html("所有文章加载完毕").removeAttr("href")
}
}
})
}
return false;
})
$('#main').bind("scroll",function() {
if ($('#main').scrollTop() + winHeight > $('.scroll-monitor').height() -10) {
if($(".next").attr('href') != startHref){
$(".next").trigger("click");
}
}
});
})
抛砖引玉,只是一种思路而已。
Re: 如何判断当前列表是否为最后一页列表?
cho 写了:我曾经这么做过:
index.php内:然后在js里有下面这样的代码代码: 全选
<?php $this->pageLink('正在载入文章 ...','next'); ?>
应该还算好理解吧,大概就是第一页输出下一页的链接,后面的页的next摁钮则通过ajax来生成:如果有就是“下一页”摁钮,如果没有,就是一个提示已经到底端。代码: 全选
$(document).ready(function(){ var startHref; $(".next").click(function() { var href = $(this).attr("href"); startHref = href; if (href != undefined) { $.ajax({ type: "get", url: href, success: function(data) { var $res = $(data).find(".post"); $(".ajax").append($res); var newHref = $(data).find(".next").attr("href"); if (newHref != undefined) { $(".next").attr("href", newHref); } else { $(".next").html("所有文章加载完毕").removeAttr("href") } } }) } return false; }) $('#main').bind("scroll",function() { if ($('#main').scrollTop() + winHeight > $('.scroll-monitor').height() -10) { if($(".next").attr('href') != startHref){ $(".next").trigger("click"); } } }); })
抛砖引玉,只是一种思路而已。
cho大神最近没新板子啊。。
Re: 如何判断当前列表是否为最后一页列表?
binjoo 写了:cho 写了:我曾经这么做过:
index.php内:然后在js里有下面这样的代码代码: 全选
<?php $this->pageLink('正在载入文章 ...','next'); ?>
应该还算好理解吧,大概就是第一页输出下一页的链接,后面的页的next摁钮则通过ajax来生成:如果有就是“下一页”摁钮,如果没有,就是一个提示已经到底端。代码: 全选
$(document).ready(function(){ var startHref; $(".next").click(function() { var href = $(this).attr("href"); startHref = href; if (href != undefined) { $.ajax({ type: "get", url: href, success: function(data) { var $res = $(data).find(".post"); $(".ajax").append($res); var newHref = $(data).find(".next").attr("href"); if (newHref != undefined) { $(".next").attr("href", newHref); } else { $(".next").html("所有文章加载完毕").removeAttr("href") } } }) } return false; }) $('#main').bind("scroll",function() { if ($('#main').scrollTop() + winHeight > $('.scroll-monitor').height() -10) { if($(".next").attr('href') != startHref){ $(".next").trigger("click"); } } }); })
抛砖引玉,只是一种思路而已。
cho大神最近没新板子啊。。
谢谢,正在尝试,,