jquery伪ajax动态加载评论
无意中点到了自己的留言板,发现滚动条已经变的很瘦小了,第一个反应就想到了留言分页,可是搞了半天都没搞出来,于是就想到了这种很虚伪的方法来实现这种效果,如果你和我一样还不会ajax传输数据,那么你也可以用这种方法,甚至你也可以用到首页文章展示上,至少我觉得这个比ajax简单多了。
具体效果可以看我的留言板。
/*伪ajax动态加载评论 2011-03-08*/
function ajaxstore(){
var count=10;
var $datas=$(“.guestbook”).find(“li”).eq(count).nextAll().hide();
var len=$(“.guestbook li”).length;
$(“.guestbook”).find(“li”).eq(count).nextAll().remove();
$(“#Pseudoajax”).click(function(){
count=count+10;
$(“.guestbook”).append($datas)
$(“.guestbook”).find(“li”).eq(count+1).prevAll().slideDown(“1000″);
if(count>=len-10){$(“.guestbook”).find(“li”).show()}
})
}
$(function(){
ajaxstore()
})
function ajaxstore(){
var count=10;
var $datas=$(“.guestbook”).find(“li”).eq(count).nextAll().hide();
var len=$(“.guestbook li”).length;
$(“.guestbook”).find(“li”).eq(count).nextAll().remove();
$(“#Pseudoajax”).click(function(){
count=count+10;
$(“.guestbook”).append($datas)
$(“.guestbook”).find(“li”).eq(count+1).prevAll().slideDown(“1000″);
if(count>=len-10){$(“.guestbook”).find(“li”).show()}
})
}
$(function(){
ajaxstore()
})
我的留言板调用的评论文件是单独的,可能你的留言板和我的不太一样,你可以看看这个留言板排序。
$(“.guestbook”) 是留言板的输评论输出列表,$(“#Pseudoajax”)是点击查看更多,页面加载的时候会把下面多余的留言先给移除,然后当你点击查看更多的时候再把这些数据“加载”进来,每次10条评论,当不足十条时全部显示。
你还需要在评论的最下方加上
<div id="Pseudoajax">查看更多留言</div>
这样就完工了,哟~~可以骗骗菜鸟噻。
/*哎,有好多事情要在春天之前忙完*/

好吧。我承认我是过来串门的。呵呵