关于手机端滑动加载的问题

浏览:789 发布日期:2017/09/28 分类:求助交流
<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>
现在的问题是手机端向下滑动到底部不能触发事件,而是滚动条滚动到顶部才触发事件!
最佳答案
评论( 相关
后面还有条评论,点击查看>>