首页 > 其他分享 >jquery滑动加载下一页

jquery滑动加载下一页

时间:2023-12-19 10:24:32浏览次数:32  
标签:jquery function window flag num allOrderList var 滑动 加载

<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);
}

 

标签:jquery,function,window,flag,num,allOrderList,var,滑动,加载
From: https://www.cnblogs.com/SmallChen/p/17912991.html

相关文章

  • NX 2306 打开文件-无法加载从重用库插入的标准件(使用当前搜索选项找不到文件,部件已卸
    【写在每个笔记前面:个人学习记录,如有错误,烦请指正,不胜感激。】   (今日内容源于  NX网-老叶)重新打开装配体,加载异常,有如下警告首先明确如下两点:1、组件的文件路径未改动2、组件的文件名称未改动其次最后一点:☆:装配加载选项:修改为“按照保存的”,官方解释如下图右。......
  • 简便实用:在 ASP.NET Core 中实现 PDF 的加载与显示
    前言在Web应用开发中,经常需要实现PDF文件的加载和显示功能。本文小编将为您介绍如何在ASP.NETCore中实现这一功能,以便用户可以在Web应用中查看和浏览PDF文件。实现步骤1)在服务器端创建PDF打开VisualStudio并创建新的ASP.NETCoreWeb应用程序,小编这里项目名称为Create......
  • Python实现模块热加载
    为什么需要热加载在某些情况,你可能不希望关闭Python进程并重新打开,或者你无法重新启动Python,这时候就需要实现实时修改代码实时生效,而不用重新启动Python在我的需求下,这个功能非常重要,我将Python注入到了其他进程,并作为一个线程运行。如果我想关闭Python,要么杀死Python相关的线程......
  • Python实现模块热加载
    为什么需要热加载在某些情况,你可能不希望关闭Python进程并重新打开,或者你无法重新启动Python,这时候就需要实现实时修改代码实时生效,而不用重新启动Python在我的需求下,这个功能非常重要,我将Python注入到了其他进程,并作为一个线程运行。如果我想关闭Python,要么杀死Python相关的线......
  • 力扣第 376 场周赛(三分,中位数贪心,滑动窗口)
     用一个哈希表记录一下,然后遍历统计一下即可。classSolution{public:vector<int>findMissingAndRepeatedValues(vector<vector<int>>&grid){intn=grid.size();unordered_set<int>st;vector<int>res;......
  • js动态加载
    <scripttype="text/javascript">//动态加载js(顺序执行js)functionloadScript(url,callback){varscript=document.createElement("script")script.type="text/javascript";if(script.readyState){//IE......
  • JVM基础篇(二)-JVM结构-类加载子系统
    类加载器子系统作用类加载器子系统负责从文件系统或者网络中加载Class文件,class文件在文件开头有特定的文件标识(CAFEBABE)。ClassLoader只负责class文件的加载,至于它是否可以运行,则由执行引擎(ExecutionEngine)决定。加载的类信息存放于一块称为方法区的内存空间。除了类的信息外,方......
  • 一句话解决加载模型时的CUDA out of memory
    在加载模型一行后加上max_memory即可,超出显存后会自动移到内存。model=AutoModel.from_pretrained('your_model',trust_remote_code=True,max_memory={0:"6GiB","cpu":"10GiB"})记录一下,备忘。 本文来自博客园,作者:星如雨yu,转载请注明原文链接:https://www.cnblogs.com......
  • 从滑动窗口到YOLO、Transformer:目标检测的技术革新
    本文全面回顾了目标检测技术的演进历程,从早期的滑动窗口和特征提取方法到深度学习的兴起,再到YOLO系列和Transformer的创新应用。通过对各阶段技术的深入分析,展现了计算机视觉领域的发展趋势和未来潜力。关注TechLead,分享AI全维度知识。作者拥有10+年互联网服务架构、AI产品研......
  • 图片预加载
    前端实现图片的预加载,其实是利用了浏览器的缓存,我们通过a标签来提前加载图片,如下:constimg=newImage()img.src='链接'img.onload=function(){console.log('加载完成')}在实际的业务中,需求不同,加载的策略不尽相同。场景一:贪婪加载刚进入页面有loadin......