• IOS下滑加载数据


    BUG:微信H5,IOS下滑下载多次请求第二页数据

     var objStatus = {
            u:navigator.userAgent,
            isIOS:false,
            isIosAdd:true
        }
        if (objStatus.u.indexOf('iPhone') > -1) {//苹果手机
            objStatus.isIOS = true;
        }
    
     // 滑动加载更多数据
            $(window).scroll(function() {
                var scrollTop = $(this).scrollTop();
                var scrollHeight = $(document).height();
                var windowHeight = $(this).height();
                if (scrollTop + windowHeight >= scrollHeight) {
                    // 此处是滚动条到底部时候触发的事件,在这里写要加载的数据,或者是拉动滚动条的操作
                    if(objStatus.isIOS ? (canAdd && objStatus.isIosAdd) : canAdd){
                        objStatus.isIosAdd = false;
                        getData()
                    }else{
                        if (objStatus.isIOS){
                            if ((objStatus.pageNum>objStatus.pages) && $('.leibie-row').html()!=""){
                                canAdd = false;
                                $('.noList').show()
                                return false
                            }
                        }else {
                            $('.noList').show()
                        }
                    }
    
    
                }
            });
     function getData() {
                getOptions()
                $.ajax({
                    type: "POST",
                    url:ctx ,
                    data: options,
                    success: function (res) {
                        setTimeout(function () {
                            objStatus.isIosAdd = true;
                        },300)
                        objStatus.pageNum = res.pageNum;
                        objStatus.pageNext = res.pageNext;
                        objStatus.pages = res.pages;
                        options.pageNum = res.pageNext
                        pages = res.pages
                        if((pages==1||res.pageNum>pages)&&$('.leibie-row').html()!=""){
                            canAdd = false
                            // layer.alert('已经是最后一页了')
                            $('.noList').show()
                            return false
                        }else if($('.leibie-row').html()!=""){
                            addLists(res.rows)
                            return false
                        }
                        console.log(options)
                        addLists(res.rows)
                    }
                });
            }
    

      

  • 相关阅读:
    linux基础命令笔记
    linux日常常用命令分析
    43.QQ聊天软件GUI窗口编写
    42.线程概念及线程池
    pycham中报:ModuleNotFoundError: No module named 'pymysql'
    python os模块
    python用类的方式创建线程---自创建类
    python server端并发聊天
    python文件上传
    python编码--解码
  • 原文地址:https://www.cnblogs.com/Lolita-Q/p/14975585.html
Copyright © 2020-2023  润新知