jQuery分页插件

所属分类:导航-分页

jQuery分页插件 ie兼容6

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

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

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

jQuery长文本分页插件textify

jQuery实现的长文本分页特效,textify是一个jQuery插件,可以自动创建一个有吸引力的和现代的你的内容布局,避免让用户不再枯燥的文本。
  分页
 8335  53

官网分页特效

官网分页特效
  分页
 12243  77

jQuery分页插件 bPage(原创)

支持页面跳转、异步页面、异步数据等多模式的分页插件
  分页
 8580  30

实用美观的jquery 分页

代码简单,运行速度快,兼容所有浏览器
  分页
 15969  141

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

    (●?●) 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

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

    回复
    pretendm 0
    2017/9/4 9:45:07

    这个项目在js中的加减法会变成拼接字符串,导致页数出错。

        天道酬勤0
        2017/9/4 16:20:40

        有没有具体的例子

    回复
    裸奔的蜗牛? 0
    2017/8/31 10:11:18

    此插件页码太多就会出现问题

        天道酬勤0
        2017/8/31 16:40:31

        你好,我是作者,感谢你的评论,可不可以 具体说下问题呢?

    回复
取消回复