关注公众号:青山有路

jquery scroll 下拉加载

div 区域 <ul style=”display: none” id=”notice”></ul>

 

$(document).ready(function(){
var range = 50; //距下边界长度/单位px
var elemt = 142; //插入元素高度/单位px
var page = 2;
var page2 = 2;
var totalheight = 0;
var isajaxsend=false;
var isajaxsend2=false;
$(window).scroll(function(){
var srollPos = $(window).scrollTop(); //滚动条距顶部距离(页面超出窗口的高度)
totalheight = parseFloat($(window).height()) + parseFloat(srollPos);
if(($(document).height()-range) <= totalheight) {
var choosetab = $(“#choosetab”).val();
alert(choosetab);
if(choosetab==1){
if (isajaxsend) {//判断是否有滚动分页正在请求,若有则不请求
return false;
}
isajaxsend = true;//标识正在请求分页内容
$.post(
“{php echo url(‘member/mcmessage’)}”,
{ par : ‘get_article’,page:page},
function(data){
console.log(data);
alert(data.page)
var res = data.notices;
var html = ”;
if(res.length>0){
for (var i = 0; i < res.length; i++) {
html += ‘<li class=”child”>\
<div class=”x_time2″>’+res[i].datetime+'</div>\
<div class=”x_div”>\
<div class=”x_div_tit”>’+res[i].title+'</div>\
<div class=”x_div2″>\
<span class=”x_div2_left2″>\
<img src=”‘+res[i].notpic+'” alt=””>\
</span>\
<div class=”x_div2_rig2″>\
<p>’+res[i].des+'</p>\
</div>\
</div>\
</div>\
</li>’;
}
$(“#notice”).append(html);
page++;
isajaxsend = false;//不论成功与否,都标识为没有请求
}
},’json’
)
}else if(choosetab==0){
if (isajaxsend2) {//判断是否有滚动分页正在请求,若有则不请求
return false;
}
isajaxsend2 = true;//标识正在请求分页内容
$.post(
“{php echo url(‘member/mcmessage’)}”,
{ par : ‘get_order’,page2:page2},
function(res2){
console.log(“===”);
console.log(res2);
var html = ”;
if(res2.length>0){
for (var i = 0; i < res2.length; i++) {
html += ‘ <li>\
<div class=”x_time”>’+res2[i].datetime+'</div>\
<div class=”x_div”>\
<h2>’+res2[i].traceinfotitle+'<i></i></h2>\
<div class=”x_div2″>\
<span class=”x_div2_left”>\
<img src=”images/bgg_25.png” alt=””>\
</span>\
<div class=”x_div2_rig”>\
<p>’+res2[i].traceinfo+'</p>\
</div>\
</div>\
</div>\
</li>’;
}
$(“#trace”).append(html);
page2++;
isajaxsend2 = false;//不论成功与否,都标识为没有请求
}
},’json’
)
}

}
});
});


版权所有丨如未注明 , 均为原创 , 转载请注明jquery scroll 下拉加载
喜欢 (1)

Warning: Use of undefined constant PRC - assumed 'PRC' (this will throw an Error in a future version of PHP) in /www/wwwroot/gaowenjie.cc/wp-content/themes/Git-alpha/comments.php on line 17
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到
(2)个小伙伴在吐槽
  1. 杰哥666
    小龙2017-09-29 13:34
  2. Thanks for your blog, nice to read. Do not stop.
    Mark2022-09-08 08:09