jQuery分页插件

所属分类:导航-分页

jQuery分页插件 ie兼容6

更新时间:2017/9/12 下午2:03:19

更新说明:基于用户提出需要自己指定页码高亮,增加插件初始化  参数 pageNO ,用户传此参数则指定某个页码高亮,不传默认为第一页高亮

$("#page").paging({
    pageNo:4,
    totalPage: 10,
    totalSize: 300,
    callback: function(num) {
        alert(num)
    }
})
相关插件-分页

实用的分页插件zxf_page.js

基于jquery的分页插件
  分页
 10303  63

简单分页插件

简单的分页,但上传数据时需要修改,可本地运作
  分页
 14565  14

jQueryPaging分页数据获取插件

基于jQuery的分页及数据获取插件
  分页
 5589  23

jQuery分页插件pagination.js

基于jQuery的分页插件,配置比较详细
  分页
 73749  181

讨论这个项目(30)回答他人问题或分享插件使用方法奖励jQ币

    Crielin 0
    2017/9/22 15:25:39

    为什么用JS获取获取url地址栏的分页数放进PageNO和totalpage,分页就出错

    $("#page").paging({
        pageNo: getPar("p"),
        totalPage: $("#page0").attr("pageNum"),
        totalSize: 300,
        callback: function(num) {
            location.href = changeURLArg(window.location.href, 'p', num);
        }
    })
        Crielin0
        2017/9/22 15:27:44

        换成数字是正常的

    回复
    _光速蜗牛 0
    2017/9/22 10:45:01

    插件 位置上下左右怎么控制?

        天道酬勤0
        2017/9/22 11:13:47

        自己在样式里面改就行

    回复
    (●?●) 0
    2017/9/14 22:08:13
    设置只有一页但是它会有十个页面按钮页数超过十页直接定义当前页面为5页或5页以上页面按钮出错
        天道酬勤0
        2017/9/15 10:19:11

        可以截个图吗?当前超过5页会报错?不会啊

    回复
    子非鱼,安知鱼之乐 0
    2017/9/13 17:32:57

    我调用的怎么没有css样式呢?  是不是少下载什么了?

        天道酬勤0
        2017/9/14 9:19:07

        css样式 是放在html 上面的style 里面的

    回复
    YIGELILA_衣休 0
    2017/9/10 17:27:31

    如何设置当前页呢?

        YIGELILA_衣休0
        2017/9/10 17:30:17
        $("#page").paging({
            totalPage: <%=pager.getTotal_page()%>,
            totalSize: <%=pager.getTotal_count()%>,
            callback: function(num) {
                $("#currentPage").val(num);
                $("#proForm").submit();
            }
        });

        可以设置总页数,总条数,但是我用的不是ajax,点击页码跳转回来之后,要显示对应的页面,但是不知道怎么设置当前页

        YIGELILA_衣休1
        2017/9/10 17:37:48

        解决了。方式:

        第一步:修改paging.js 第七行:“pageNo: 1,”改为”pageNo: options.pageNo,”

        第二步:初始化页面改为:

        //分页
        $("#page").paging({
            pageNo: <%=pager.getCurrent_page()%>,
            totalPage: <%=pager.getTotal_page()%>,
            totalSize: <%=pager.getTotal_count()%>,
            callback: function(num) {
                $("#currentPage").val(num);
                $("#proForm").submit();
            }
        });
    回复
    目凌 0
    2017/9/7 23:00:45

    你这个点击过后样式有问题啊,点击后的按钮并不高亮,一直是1上面高亮

    回复
    ╉?箪づ 0
    2017/9/6 17:24:40

    每次调用Paging的时候会生成一个新的之前的没销毁

        天道酬勤0
        2017/9/6 18:23:04
        你是不是循环调用了?
        ╉?箪づ0
        2017/9/7 9:06:37

        我搜索的时候重新赋值totalpage不刷新 我就重新调用了一次

        天道酬勤1
        2017/9/7 11:02:25
        你搜索的时候 改变查询条件 确实需要重新调用,初始化的ajax和点击页码的ajax方法不要已同一个方法命名 ,即使是传参和接口一样,不然会有重复调用 始终显示第一页,你再检查检查代码,改变查询条件,我已测过,是没问题的
    回复
    M&D 1
    2017/9/6 11:06:17
    //页面总数小于6的时候
    var num = 0;
    for (var i = 1; i < Number(total) + 1; i++) {
        if (current == i) {
            content += "<a class='current'>" + i + "</a>";
        } else {
            content += "<a>" + i + "</a>";
        }
        num++;
    }

    这里的total应该转下,要不然拼字符串了

        天道酬勤0
        2017/9/6 18:23:52

        感谢提出的问题修复

    回复
    樱木 0
    2017/9/5 14:38:26

    ajax请求返回的总页数放哪,

        天道酬勤1
        2017/9/5 14:52:42

         totalPage 这个就是你返回的 总页数 当你 请求完参数之后 初始化 插件  

        $("#page").paging({
            totalPage: 总页数,
            totalSize: 总条数,
            callback: function(num) {
                alert(num)
            }
        })
        樱木0
        2017/9/5 16:34:34

        ok 了谢谢

        天堂灬人间0
        2017/9/13 11:48:41

        总页数和总条数是设置的还是获取的?

        天道酬勤0
        2017/9/13 15:42:23

        是你后台传过来的

    回复
    特雷西 0
    2017/9/5 9:04:23

    怎样把跳转的页面放在a标签里

        天道酬勤0
        2017/9/5 11:45:27

        你好 此插件  不是点击跳页面 而是用来处理  点击页码传入页面数  通过ajax 异步请求刷新页面数据的

        天道酬勤1
        2017/9/5 11:48:02

        如果你需要 点击页面跳转的话,可以将路径放在回调函数里面,拼接上路径加上页面 可以实现的

    回复
取消回复