移动端上滑加载更多

时间:2021-09-19 09:51:26
//滚动条滚动
	$(document).scroll(function(){
		var wheight=$(window).height();
		var sheight=$(document).scrollTop();
		var dheight=$(document).height();
		// 上拉加载更多	,当滚动条滑动到底部时
		if(dheight-sheight==wheight&&pageflag==true){
			sn+=1;//页面数加一
			if(nu>count){//nu是一页加载几个	,count是一个多少条		
				return;
			}else if(sn<=Math.ceil(count/nu)){																			
				//当在路线评测页面时
				if(href.match("route_evaluation")){
					var title=$(".searchinput").find("input").val();
					var city=$(".tabselect").find("li.active").text()=="全部"?"":$(".tabselect").find("li.active").text();
					route(title,city);
				}else if(href.match("insurance")){
					//保险列表
					insurance();
				}else if(href.match("equipment_evaluation")){
					//装备列表分页查询
					var title=$(".searchinput").find("input").val();
					if($(".tab>ul").find("li.active").text()=="装备品牌"){
						var brand=$(".tabs.active").find("ul li.active").text()=="全部"?"":$(".tabs.active").find("ul li.active").attr("id");
						var type_name="";
					}else{
						var type_name=$(".tabs.active").find("ul li.active").text()=="全部"?"":$(".tabs.active").find("ul li.active").attr("id");
						var brand="";
					}						
					equipment(title,brand,type_name);
				}else if(href.match("activity")){
					var title=$(".searchinput").find("input").val();
					if($(".tab>ul").find("li.active").text()=="目的地"){				
						var city_id=$(".tabs.active").find("ul li.active").text()=="全部"?"":$(".tabs.active").find("ul li.active").attr("id");
						var tag_id="";
					}else{
						var tag_id=$(".tabs.active").find("ul li.active").text()=="全部"?"":$(".tabs.active").find("ul li.active").attr("id");
						var city_id="";
					}	
					activitylist(title,tag_id,city_id);
				}
			}

		}
	})	


	//同意的ajax方式
var pageflag=true;//标志上一个请求是否完成
function ajax(options){
	var url=options.url;
	var data=options.data;
	$.ajax({
		url: url,
		type: 'get',
		dataType: 'json',
		data: data,
		beforeSend:function(){
			//options.beforeSend();
			if(sn>1){
				//加入加载层
				$("<div class='loading'><span class='icon-spinner'></span></div>").insertAfter('section');
				//$(document).scrollTop($(document).scrollTop()-$(".loading").height()-20);
				pageflag=false;
			}
		},complete:function(){
			//options.complete();
			if($(".loading").length){				
				//$(document).scrollTop($(document).scrollTop()-$(".loading").height()-20);
				//加载层去除
				$(".loading").remove();				
			}	
			pageflag=true;		
		}
	})
	.done(function(res) {
		options.success(res);
	})
	.fail(function() {
		layer.open({
		  content: "请求失败",
		  time: 2
		});
	});

}