首页 > 其他 > 详细

下拉加载下一页

时间:2016-05-19 15:08:31      阅读:226      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!