jquery伪ajax动态加载评论

WordPress, 前端笔记热度:604 ℃14 条吐槽阅读模式

无意中点到了自己的留言板,发现滚动条已经变的很瘦小了,第一个反应就想到了留言分页,可是搞了半天都没搞出来,于是就想到了这种很虚伪的方法来实现这种效果,如果你和我一样还不会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()
})

我的留言板调用的评论文件是单独的,可能你的留言板和我的不太一样,你可以看看这个留言板排序

$(“.guestbook”) 是留言板的输评论输出列表,$(“#Pseudoajax”)是点击查看更多,页面加载的时候会把下面多余的留言先给移除,然后当你点击查看更多的时候再把这些数据“加载”进来,每次10条评论,当不足十条时全部显示。

你还需要在评论的最下方加上

<div id="Pseudoajax">查看更多留言</div>

这样就完工了,哟~~可以骗骗菜鸟噻。

/*哎,有好多事情要在春天之前忙完*/

相关日志-小站地图为你展开

<<下一篇

14 条精彩的吐槽 在《 jquery伪ajax动态加载评论 》

快来吐槽吧

貼張圖 您还可以输入300个字

(鬼脸) (额) (难过) (闷骚) (钱哇) (鄙视) (蛋定) (睡觉) (看看) (生气) (猪头) (汗) (晕) (无语) (无法表达) (微笑) (得意) (开怀) (媚眼) (囧) (嘿嘿) (哼) (哭泣) (不说话)
逆境中不自弃,顺境中不张扬 X
欢迎光临, 主人暂时不在,一切由我来接待哟~~
N
返回顶部▲ | 想去底部 ▼ | 想评论 X