防止IE下 下拉加载 多条数据
// 先初始一个变量
var b=0
function scroll(){
//给div绑定一个scroll事件
$('.main').bind('scroll',function(){
var nDivHight = $(".main").height();
nScrollHight = $(this)[0].scrollHeight;
nScrollTop = $(this)[0].scrollTop;
scrollVal = $('.main').scrollTop();
// 判断div滚动条达到底部
if (nScrollTop + nDivHight==nScrollHight) {
// 滚动条到底部了
// 让变量加1
b+=1
//当变量完全等于1
if (b===1) {
//页码数加一
page++
//这里是做一个判断 最多加载 几页数据
if (page<=10) {
//调用recommend这个ajax的方法 把id和页码数传过去,渲染之后让b重新等于0(b=0)
recommend(cid,page)
} else {
return;
}
}else{
return;
}
}
})
}
scroll()
recommend方法
//下拉加载
function recommend(id,pageNum){
jQuery.support.cors = true;
$.ajax({
type:'get',
url:url,//请求的接口
dataType:'json',
async:true,
data:{
page: pageNum,//页码数
size:10//一次10条
},
success:function(data){
var data = data
var valhtml =''
$.each(data,function(i,val){
html+=
'<a href="'+val.url+'">'+
'<div>'+
'<img src="'+val.img+'">'+
'</div>'+
'<p>'+val.title+'</p>'+
'</a>'
})
$('div').append(html)
//重新赋值
b=0
}
})
}