评论:jQuery分页插件(原创)  [查看原文]

所属分类:导航-分页

 149794  389  126
当前第1页 / 共4页
    你的笑意0
    2023/4/17 16:48:02
    很好用,感谢大佬👍 回复
    ~~~0
    2021/9/9 17:04:06
    感谢大佬,相当好用🌹 回复
    yaketam0
    2019/8/31 13:06:14

    帮我看看这样用对么?

    function loadData(currPage, pageSize) {
        $.ajax({
            //其它参数选项请自填
            type: "POST",
            url: "save.php?action=list",
            success: function(res) {
                //处理数据
                //这里的array是从后台获取的数据,类似<tr><td>1</td></tr>,<tr><td>2</td></tr>这样的
                var myArray = new Array()
                myArray = res.split(",");
                var listHtml = "";
                for (i = 0; i < pageSize; i++) {
                    listHtml += myArray[i + currPage - 1];
                }
                $("#t").html(listHtml);
                //设置分页插件显示
                //res_currPage = 1;
                res_totalSize = myArray.length;
                res_totalPage = res_totalSize / pageSize;
                $("#pagination_8").whjPaging("setPage", {
                    currPage: currPage,
                    totalPage: res_totalPage,
                    totalSize: res_totalSize
                });
            }
        });
    }
    $("#pagination_8").whjPaging({
        isResetPage: true,
        css: 'css-1',
        //totalSize: res_totalSize,
        //totalPage: res_totalPage,
        isShowTotalSize: true,
        isShowTotalPage: false,
        isShowRefresh: false,
        isShowSkip: false,
        isShowPageSizeOpt: false,
        callBack: function(currPage, pageSize) {
            loadData(currPage, 1);
            console.log('currPage:' + currPage + '     pageSize:' + pageSize);
        }
    });
    
    loadData(1, 1);
    回复
    yaketam0
    2019/8/30 23:00:00
    我新手,想问下,是把要分页的内容放到callback里吗?
        酷酷的小k0
        2019/8/30 23:11:34
        不用,独立放一块代码就行,你参照我的demo看!
        yaketam0
        2019/8/31 8:32:07
        demo....处理数据么,不知道该是什么样格式的数据,一直没成功过,有没有带数据的演示啊
    回复
    guoxingzhi0
    2019/8/26 15:42:42
    应如是0
    2019/5/18 11:27:58
    pagination.min.js:10 Uncaught TypeError: Cannot read property 'pageText' of undefined
    at init.whjPaging (pagination.min.js:10)

    这个是因为什么呀 回复
    CC你这头蠢驴1
    2019/4/27 11:21:01
    遇到了 小问题 记录下 就是点击下一页 页面样式跳转不准确 是后台传的数字变成字符串的问题 用parseInt()下 就正常了 顺便说下大神写的插件 很完美
        archsky1
        2019/5/20 10:36:57
        多谢,这个乱跳的问题困扰了我一个上午,反复设置都不行,最后才发现原来讨论的第一条就是解决办法
        yaketam0
        2019/9/2 11:52:51
        谢谢,谢谢,只有遇到的才知道是怎么回事,哈哈哈,2变11,1111,111111的解决办法,我是loadData(parseInt(currPage),pageSize)这么用的,不知道其他人,写清楚好看懂啊,我个人脑子比较愚钝,很多看不明白。
    回复
    心态很重要0
    2019/4/13 15:47:49
    使用了isResetPage: true,属性后 点击数字 或者上一页下一页 点不动 点2 还在是1那里 但是2的值是传出来的
        心态很重要0
        2019/4/13 22:41:10
        已解决
        贺魁-深圳宏辉智通科技有0
        2019/5/27 10:43:23
        问下怎么解决的
        SONGW_0
        2019/5/27 18:05:24
        怎么解决的
    回复
    泡沫0
    2019/3/18 11:41:06
    如何将显示页数几条的放在最前头
        酷酷的小k0
        2019/3/18 11:42:57
        你可以改代码,格式化一下
        泡沫0
        2019/3/18 11:53:17
        可是我下载下来的代码是压缩的
        就是pagination.min.css是吧
        酷酷的小k1
        2019/3/18 11:59:05
        pagination.css这个没压缩吧,是js才有压缩,js格式化一下就行了
        泡沫0
        2019/3/21 15:30:17
        谢谢大神,不过在vue引入后,显示 vue.esm.js?efeb:628 [Vue warn]: Error in created hook: "TypeError: Cannot set property 'pageText' of undefined"
    回复
    ……0
    2019/1/28 16:27:36
    pagination.min.js:10 Uncaught TypeError: Cannot set property 'pageText' of undefined
    at w.fn.init.whjPaging (pagination.min.js:10)
    at 回复
    hdlahdl0
    2018/12/24 15:46:10
    每页默认条数默认怎么修改啊
        hdlahdl0
        2018/12/24 15:46:58
        ajax请求时候默认想要10条,在哪里能改一下
        酷酷的小k0
        2018/12/24 15:47:04
        初始化可以选择指定条数,初始化完成不能修改,demo有
        酷酷的小k0
        2018/12/24 15:47:41
        初始化可以设置默认每页条数,初始化后不能修改,demo有
        hdlahdl0
        2018/12/24 17:21:51
        好的,谢谢啦
    回复
    泡泡糖0
    2018/11/29 17:17:29
    感谢大神的分享,3Q 回复
    〃 →眯?咣か0
    2018/11/6 16:20:20
    谢谢whj分享源码 回复
    Colabb0
    2018/9/20 17:35:57
    牛逼,感谢分享,很好用,文档很全,一看就会。感谢 回复
    cherry0
    2018/8/1 15:31:09
    我用在了angular项目中,js引入有效果,但是样式引入没效果这是为什么啊 回复

讨论这个项目(126)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复