<Script>
$(window).scroll(function(){
var scrollTop = $(this).scrollTop();//返回匹配元素的滚动条的垂直位置
var scrollHeight = $(document).height();//代表了整个文档的高度
var windowHeight = $(this).height();//代表了当前可见区域的大小
if(scrollTop + windowHeight == scrollHeight){
var limit = $('.currygood').length;
$.ajax({
url:"{:U('Index/personal_center_more')}",
data:{'limit':limit},
dataType:'json',
type:'post',
success:function(data){
if(data.status==1){
var html='';
for(i in data.msg){
html+='<table class="table table-bordered table-striped currygood" style="border-bottom:5px solid #ddd;border-right:2px solid #ddd;">';
html+='<thead>';
html+='<tr>';
html+='<th>ID</th>';
html+='<th>'+data['msg'][i]['id']+'</th>';
html+='</tr>';
html+='<tr>';
html+='<th>主题</th>';
html+='<th>'+data['msg'][i]['theme']+'</th>';
html+='</tr>';
html+='</thead>';
html+='<tbody>';
html+='<tr>';
html+='<td>申请类型</td>';
html+='<td>';
var s = data['msg'][i]['type'];
type = s.split(",");
type.forEach(function (value) {
if(value == 1){
html+='A课程 ';
}else if(value == 2){
html+='B课程 ';
}else if(value == 3){
html+='C课程 ';
}else{
html+='';
}
});
html+='</td>';
//html+='<td class="type">'+data['msg'][i]['type']+'</td>';
html+='</tr>';
html+='<tr>';
html+='<td>申请状态</td>';
html+='<td>';
if(data['msg'][i]['status'] == 0){
html+='未审核';
}else if(data['msg'][i]['status'] == 1){
html+='已审核';
}else{
html+='';
}
html+='</td>';
//html+='<td>'+data['msg'][i]['status']+'</td>';
html+='</tr>';
html+='<tr align="center">';
html+='<td colspan="2"><a href="__URL__/detail?id='+data['msg'][i]['id']+'">查看详情</a></td>';
html+='</tr>';
html+='</tbody>';
html+='</table>';
}
$('.container').append(html);
}else{
alert('温馨提示:数据已经全部加载完毕!');
}
}
})
}
})
</Script>现在的问题是手机端向下滑动到底部不能触发事件,而是滚动条滚动到顶部才触发事件! 最佳答案