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

下拉加载下一页

时间:2016-05-19 15:09:41      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:

<script>
var page=2;
var finished=0;
$(document).ready(function(){
	var range = 1; //距下边界长度/单位px
	var pages = $("#listPages").val();
	var totalheight = 0;
	var main = $("#loadList"); //主体元素
	$(window).scroll(function(){
		var srollPos = $(window).scrollTop(); //滚动条距顶部距离(页面超出窗口的高度)
		totalheight = parseFloat($(window).height()) + parseFloat(srollPos);
		if(finished == 0){
			if(($(document).height()-range) < totalheight) {
				finished=1;
				if(page < pages || page == pages){
					nextPage(page);	
					page++;
				}else{
					$(‘#loading‘).remove();
					$(‘#loadList‘).append(‘<a href="javascript:;" class="clear loadMoreBtn">Duang~到底了</a>‘);
				}
			}
		}
	});
	
});

function nextPage(page)
{
	$.ajax({
         url:‘{url:/college/college_newlist_ajax}‘,
         type:‘POST‘,
         data:"num="+page+"&top=1",
         dataType:‘json‘,
         success:function(json){
			 if(json.error_code > 0)
			 {
				alert(json.error_msg);
				return;
			 }
			 if(typeof json == ‘object‘){
				var commentHtml = ‘‘;
				for(var item in json.data)
				{
					if(json.data[item][‘attribute‘] == ‘v‘){
						commentHtml += template.render(‘videoTemplate‘,json.data[item]);;
					}else if(json.data[item][‘thumb_img_number‘] > 1){
						commentHtml += template.render(‘moreTemplate‘,json.data[item]);
					}else{
						commentHtml += template.render(‘oneTemplate‘,json.data[item]);
					}
					
				}
				commentHtml+=‘<a id="loading" href="javascript:;" class="clear loadMoreBtn">加载中...</a>‘;
				$(‘#loadList‘).append(commentHtml);
				$(‘#loading‘).remove();
				finished=0;
			 }
			
         }
     });

}
</script>

  

下拉加载下一页

标签:

原文地址:http://www.cnblogs.com/gengting/p/5508470.html

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