Fork me on GitHub

jquery滑动加载下一页

复制代码
<div class="orderList-content">
    <panel id="allOrderList"></panel>
</div>



var num = 1;
var flag = 0;
$(document).ready(function () {
    var $div = $('#allOrderList');  
    var $window = $('.orderList-content');
    var debounceTimeout;     // 防抖,跳页问题处理

    $window.scroll(function () {
        clearTimeout(debounceTimeout);
        
        debounceTimeout = setTimeout(function () {
            if ($window.scrollTop() + $window.height() >= $div.offset().top + $div.outerHeight()) {
                // 在这里添加您的代码
                num++;
                if (flag == 0) {
                    GetData();
                }
            }
        }, 200);
        
    });
});

function GetData() {
    var index = layer.load(1);  //layui的loading,需要自行引用js
    flag = 1;
    $.post("myorder.aspx", { action: "GetData", page: num, type: curType }, function (data) {
        if (data.code == "200") {
            if (num == 1) {
                $("#allOrderList").html(data.jsondata);
            } else {
                $("#allOrderList").append(data.jsondata);
            }

            flag = 0;
        } else {
            if (num != 1) {
                $("#allOrderList").append("<div style=\"text-align:center;margin: 10px 0px;\" class=\"gdxs\">已经到底了 </div>");
            } else {
                $("#allOrderList").html("<div style=\"text-align:center;margin: 10px 0px;\" class=\"gdxs\">已经到底了 </div>");
            }
            flag = 1;
        }
    }, "JSON")

    layer.close(index);
}
复制代码

 

posted @   WantRemake  阅读(24)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)
点击右上角即可分享
微信分享提示