//滚动条滚动
$(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
});
});
}
移动端上滑加载更多
最新推荐文章于 2024-08-06 11:06:11 发布