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

产品在哪里显示出来？

楼主啊，这个url（就是点击下一页得向后台发送请求的url） 在哪里设置啊， 前端 和js 比较小白

Mss。1
2017/7/27 8:54:11

$('.M-box1').pagination({
    totalData:100,
    jump:true,
    showData:10,
    coping:true,                
    callback:function(api){
    //这里写ajax方法，url
    }
})

狒狒达人0
2017/8/9 15:57:12
谢谢楼主大大。搞定了

请问楼主 你这个是全部把数据库数据加载完了 在进行分页 还是 点击页数在进行加载数据库的数据？

Mss。0
2017/7/24 12:21:48

每次点击页码请求后端接口，返回数据渲染到页面中

楼主  filling()这个方法 是做什么用的， 有提供渲染函数么？还是说自己在$.getJSON里写渲染

Mss。0
2017/7/24 12:21:16

自己在$.getJSON里写渲染

yezi~0
2017/8/11 17:27:57

为什么在callback的$.getJSON里面的代码没有执行呢

function orderList(timeData,page,num){
        axios.post('order_ajax.html', {
            create_time: timeData,
            page:page,
            limit:num
         })
          .then(function (response) {
              console.log(JSON.stringify(response.data));
            _this.posts=response.data.list;
            total=response.data.total;
            pages=response.data.pages;
         })
          .catch(function (error) {
            console.log(error);
         });
     }
	$('.M-box').pagination({
            pageCount:pages,   
            totalData:total,
            showData:10,
            callback:function(api){
                alert(pages);
                orderList(timeData,api.getCurrent(),10);
            }
        },function(){
            btn.greet();
        });

为什么我在callback里弹出pages,可以弹出来，但是页面的分页显示不出来，但是把pageCount和totalData换成数字就可以把分页显示出来，jq小白，希望大佬指教，还有那句把分页放在请求返回结果里是什么意思，一直没搞懂

Mss。1
2017/7/3 17:39:41

把分页放在.then()里面

Little Grey0
2017/7/18 14:38:57

给发个例子好吗，谢谢

框架的这个地方需要优化一下，不然设置了isHide的朋友选了少于十条的再去选择多于十条的分页组件会被隐藏。看到的朋友可以自行优化一下。

晕晕0
2017/7/3 14:13:14

怎么优化

smrsmr0010
2017/12/20 10:04:59

在插件源代码 this.init初始化 那里再加一个 else {$obj.show()} 就行

楼主 我这样写 怎么不行啊

<script>
    $('.M-box4').pagination({
        pageCount: length,
        callback: function(api) {
            InitTable(api.getCurrent(), 1, <?=$id?>);
        }
    }, function(api) {
        InitTable(1, 1, <?=$id?>);
    })
    function InitTable(pageIndex, pageSize, user_id) {
        var data = {
            'pageIndex': pageIndex,
            'pageSize': pageSize,
            'user_id': user_id
        };
        $.post('/user/user-remark-list', data, function(json) {
            var length = json.totalData;
        }, 'json');
    }
</script>

Mss。0
2017/6/29 18:06:16

把分页放在请求返回结果里面，不然length接收不到。callback还是那样

谢谢 很好用，我是后台先穿了一个总数据的条数，然后用api.getCurrent()，每次点击把页码提交上去刷新

晕晕0
2017/6/29 17:43:13

总数据怎么一开始获取，在分页的pagination里面配置

Mss。0
2017/6/29 18:07:00

先请求一次，在请求结果里初始化分页，再在分页callback里发送请求

Little Grey0
2017/7/18 13:57:59

这个插件怎么和后台交互的，发我个例子

?┽ 凉生ˉ 何必那么忧伤1
2017/6/28 11:33:42

$('.M-box1').pagination({
    totalData:100,
    jump:true,
    showData:10,
    coping:true,                
    callback:function(api){
//这里写ajax方法
    }
})

yezi~0
2017/8/11 17:38:13
求赐教！！！！

当 totalData 等于 showData 会有问题 

怎么设置总条数totalData,当数据是ajax里回来的

Mss。0
2017/6/26 10:36:16

ajax返回总条数赋值到totalData

大脑壳郎野0
2017/6/26 12:22:42

从后台传回里的总页数和总条数如何设置在参数中呢？

Mss。1
2017/6/26 16:52:57

$('#page').pagination({
   pageCount:casetotalpage
});

后面的casetotalpage就是后台返回的参数，将分页放在ajax请求里

晕晕0
2017/6/27 9:00:02
但不是把ajax放到分页的callback里？

Litchi,gh0
2017/6/27 12:09:35
你好，你的问题解决了吗

晕晕0
2017/6/27 14:26:24

还有一点问题

Litchi,gh0
2017/6/27 17:53:16
哦，ncaught TypeError: callback is not a function我这个直接报这个错

Litchi,gh0
2017/6/27 17:53:55

好了的话，回复我哦

$('#page').pagination({
   pageCount:casetotalpage,
   count:2,
   jump:true,
   coping:true,
   homePage:'首页',
   endPage:'末页',
   current:currentpage,
   prevContent:'上页',
   nextContent:'下页',
   activeCls:'pages current',
   callback:function(api){
   var page = api.getCurrent()+"";
   if(page == currentpage) {return};
        window.location.href = currentUrl + page + ".html";
    }
});

但是左右的页码没有限制

莪茬?身後┿??钷?⌒1
2017/6/21 17:38:22

count:3,//当前选中页前后页数

能加下QQ请教一下吗？350993920

麦芒、0
2017/5/25 11:50:44
 我这里的问题是能正常显示页数，但是每页显示的数据并没有变化，直接就是把所有数据都给显示出来了

你的jquery.pagination.js获取总页数的函数this.getPageCount写得有bug,你写的源码我贴出来

/**
 * 获取总页数
 * 如果配置了总条数和每页显示条数，将会自动计算总页数并略过总页数配置，反之
 * @return int p 总页数
 */
this.getPageCount = function(){
  return opts.totalData || opts.showData Math.ceil(parseInt(opts.totalData) / opts.showData) : opts.pageCount;
};

你应该把||改成&&，而且要保证totalData和showData都要配置值，否则计算出来的pageCount是错的

Mss。1
2017/5/17 9:01:48

嗯，应该用&&，谢谢，totalData和showData已经有说明必须同时配置了