手机版分页

最新推荐文章于 2022-02-25 21:00:00 发布

转载最新推荐文章于 2022-02-25 21:00:00 发布 · 188 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wangtiantian/p/4987389.html

本文介绍了一种使用 touchwipe 插件实现移动端上下滑动翻页效果的方法，并详细展示了如何通过修改页面索引来实现数据的加载及更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    $("#orderMessage").touchwipe({
        wipeDown: function () {//向下滑

            if (Number($("#pageIndex").val()) != 0) {//不是第一页
                $("#pageIndex").val(Number($("#pageIndex").val()) - 1);

                $(".verification span").text("加载数据成功!");
                $(".verification").show(0).delay(500).hide(0);

            } else {

                $(".verification span").text("已经第一页!");
                $(".verification").show(0).delay(500).hide(0);
            }
            var pageIndex = $("#pageIndex").val();
            courierOrderExis(pageIndex);
        },
        wipeUp: function () {//向上滑

            if ((Number($("#pageIndex").val()) + 1) != $("#rowsCount").val()) {//不是最后一页
                $("#pageIndex").val(Number($("#pageIndex").val()) + 1);

                $(".verification span").text("加载数据成功!");
                $(".verification").show(0).delay(500).hide(0);
            } else {

                $(".verification span").text("已经最后一页!");
                $(".verification").show(0).delay(500).hide(0);
            }
            var pageIndex = $("#pageIndex").val();
            courierOrderExis(pageIndex);
        },
    });

转载于:https://www.cnblogs.com/wangtiantian/p/4987389.html