码迷,mamicode.com
首页 > 其他好文 > 详细

加载更多代码实现

时间:2015-08-05 12:33:49      阅读:84      评论:0      收藏:0      [点我收藏+]

标签:

 1 var page = 2;   //默认展示第一页,所以加载更多从第二页开始  
 2 var $boxDiv; //所有内容的外层DIV  
 3 $(document).ready(function() {  
 4     $boxDiv = $("#commentDiv");  
 5       
 6     var nScrollHight = 0; // 滚动距离总长(注意不是滚动条的长度)  
 7     var nScrollTop = 0; // 滚动到的当前位置  
 8     var nDivHight = $boxDiv.height();  
 9       
10     //jQuery scroll方法  
11     $boxDiv.scroll(function() {  
12         nScrollHight = $(this)[0].scrollHeight;  
13         nScrollTop = $(this)[0].scrollTop;  
14           
15         if (nScrollTop + nDivHight >= nScrollHight) {  
16             //显示更多  
17             showMore(page);  
18             page = page + 1 ;  
19         }  
20     });  
21 });  
22   
23 function showMore(page){  
24         var data = ‘&nPageIndex=‘+page;  
25         var url = "/showcomment/getMoreComments.do?iddd="+Math.random();  
26         doAjax(url,data,afterGetComments);  
27     }  

 来源:http://uule.iteye.com/blog/2183711

加载更多代码实现

标签:

原文地址:http://www.cnblogs.com/weilantiankong/p/4704142.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!