评论:jQuery分页插件pagination.js  [查看原文]

所属分类:导航-分页

 333913  687  351
当前第8页 / 共11页
    6753151603
    2017/5/16 18:11:10

    你的jquery.pagination.js的源码有个地方写的太麻烦了,我重新修改了一下,你可以看看。是this.filling的函数里面的代码。

    原来你写的是这样的

    var end = current + opts.count;
    var start = '';
    //修复到最后一页时比第一页少显示两页
    start = current === pageCount ? current - opts.count - 2 : current - opts.count;
    ((start > 1 && current < opts.count) || current == 1) && end++;
    (current > pageCount - opts.count && current >= pageCount) && start++;

    我改成了这样:

    var end = (current + opts.count)>=pageCount?pageCount:(current + opts.count);
    var start =(current - opts.count)<=1 ? 1 : (current - opts.count);
    回复
    96黄金一代0
    2017/5/16 15:17:19

    我这怎么没有显示规定的条数啊

    回复
    ????0
    2017/5/16 12:24:00

    您好 支持a链接跳转分页么 不用ajax

        Mss。0
        2017/5/16 13:43:09

        直接用后端逻辑输出模板,不需要这个插件

    回复
    ~bubble~0
    2017/5/8 17:55:47

    您好,有问题想请教一下:

    pageCount: 103刚开始就好的,点击页码以后就变成下面这个样子了,有什么解决办法吗?

        Mss。0
        2017/5/8 17:58:35

        不好意思看不到图,加qq

    回复
    ~bubble~0
    2017/5/4 16:56:56
    current:当前页,
    pageCount: 10,
    callback:function(api){
    //     api.setPageCount(103);//动态修改总页数为20页
    // },

    为啥只能显示10页呢

        ~bubble~0
        2017/5/5 10:14:38
        current:当前页,pageCount: 10,callback:function(api){  api.setPageCount(103);}之前那个发错了,是这个,都没有注释掉,大神求解
    回复
    咳咳丶严肃点0
    2017/5/3 10:05:23

    。。按钮的active颜色不能设置!? option里面没有看见

        Mss。0
        2017/5/3 10:08:18
        你有认真在看吗?第二行很明确的写着:组件样式与功能分离,自定义样式。麻烦问问题的时候先看清楚了再问。
        咳咳丶严肃点0
        2017/5/3 10:39:50

        哦哦,不好意思哈,还在学后端,没太理解那句话,用的别的前端组件一般都提供了颜色设定...这个分页挺轻量的,就是桃红和目前的颜色不搭配 ORZ

    回复
    dreampasssser0
    2017/4/28 11:53:26

    请问作者,如果想使用2条分页栏,就是在帖子上边和下边各用一条,中间是若干帖子,怎么实现2条的分页栏同步当前所在页,就是其中一栏变换页码的时候,另一栏也跟着变,这样该怎么实现

        Mss。0
        2017/5/2 21:03:47

        把其中一个回调里的api缓存到一个变量里,拿到另外一个分页中用。

    回复
    4933717030
    2017/4/20 0:11:24
    function pagePlugin() {
        $('.M-box3').pagination({ //      
            pageCount: mtArray.length,
            pageCount: 686, //      
            totalData: 28,
            showData: 10,
            coping: true,
            homePage: '首页',
            endPage: '末页',
            prevContent: '上页',
            nextContent: '下页',
            callback: function(api) {
                alert(api.getCurrent()); //       
                $("#myMonitorTable").empty(); //         
                pageData(api.getCurrent(), mtTotalData);
            }
        }, function(api) { //初始化      
            alert("初始化"); //       
            pageData(1, mtTotalData);
        })
    } 
    <div class = "M-box3"> < /div>

    请问,为什么会初始化两次呢?并且,页面没有加载出来分页div

        Mss。0
        2017/4/20 9:33:41

        在初始化分页前面console一下,看看是不是函数执行了两次

        4933717030
        2017/4/20 9:43:44

        目前这个首页、末页、上页、下页也没加载出来

        4933717030
        2017/4/20 9:55:12

        函数执行了一次,但是初始化走了两次,上边的参数也没设置成功,分页工具栏也没加载出来

        4933717030
        2017/4/20 9:56:31

        我在另外一个项目里也是函数调用来使用分页工具的,没有错误,但是复制到另外一个项目里就出现了这样的问题

        4933717030
        2017/4/20 11:11:15

        问题已经解决了,thanks

        4933717030
        2017/4/20 15:03:41

        对喽,参数列表,好像配置的有些问题,如果没有totalData,分页工具栏的display一直是none;

        就像上边的代码,是<div class='M-box3'></div>是加载不出来内容的,它的display是none

        Mss。0
        2017/4/20 18:45:24

        这儿做了操作,如果getPageCount取当前页面为0的话插件节点就隐藏。

        因为有些业务是只有一页或者没有页数的时候不显示分页节点,配置里isHide就是对应这个功能。

        应该是数据的问题,只要getPageCount能取到值就不会隐藏节点的

        dreampasssser0
        2017/4/26 11:21:44

        我的也是初始化了2次,这部分代码与题主的差不多,请问题主和作者,你们是怎么解决的啊?

    回复
    红泥小火炉0
    2017/4/14 16:15:53

    能否给案例,完全不会用,云里雾里

        红泥小火炉0
        2017/4/14 18:25:21

        花了一下午时间终于弄出来了,感动=|=|

        红泥小火炉0
        2017/4/14 18:40:10
        不,是3小时哈哈
        Mss。0
        2017/4/19 10:56:57

        不错,掌声鼓励:D

    回复
    aii0
    2017/4/13 15:16:00
    插件感觉很好用,就是给两条意见哈。如果能加上共多少条,多少页,每页多少条数,就完美了
        Mss。1
        2017/4/13 15:18:00

        节点手动添加在回调里即可,参数都能获取到,每次回调的时候修改这些值

        aii0
        2017/4/19 15:57:36
        是的,我也发现了,回调的方法中是可以获取到这些值的,只是如何在页面上显示呢?
        Mss。1
        2017/4/20 9:32:22
        动态添加节点,appendTo之类,或者可以先写好,$(xxx).html(要改变的参数)把改变参数的动作放在初始化。
    回复
    姑娘丶借个火0
    2017/4/11 22:21:10

    大神们 下一页到了第二页就用不了了   怎么办啊  求解

    回复
    Rubycui0
    2017/4/11 17:16:33
    JunedanVan0
    2017/4/10 17:27:55
    好像不能通过动态创建标签生成插件哦~~~~
        Mss。0
        2017/4/10 17:49:29

        检测初始化的时候标签是否已经存在

    回复
    *lee*0
    2017/4/8 22:30:56

    怎么跨域请求

        *lee*0
        2017/4/9 0:05:56

        怎么默认显示第一页的数据

        Mss。0
        2017/4/10 17:48:49

        1、JSONP

        2、看楼下

        Smile0
        2017/5/5 14:58:21
        怎么样分页请求数据呢
    回复
    浅唱の人生べ0
    2017/4/5 16:51:45

    这个插件怎么配合ajax传过来的数据使用,我点击第二页并没有翻页

        Mss。1
        2017/4/5 16:55:34
        $('.M-box4').pagination({
            pageCount: 50,
            jump: true,
            callback:function(api){
                var data = {
                    page: api.getCurrent(),
                    name: 'mss',
                    say: 'oh'
                };
                var url = 'http://localhost:3000/data.json';
                $.getJSON(url, data, function(json){
                    console.log(json);
                });
            }
        });

        将data参数和url替换成你的参数配置和接口

        浅唱の人生べ0
        2017/4/5 17:23:01
        还是不知道data里面怎么写
        JunedanVan1
        2017/4/10 17:22:03

        data就是你ajax里面data吧,自己需要什么就写在data里再传过去,你看下面调用$.getJSON()不就是传了data过去了

    回复

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

取消回复