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

李时珍滴皮0
2018/3/28 21:38:22
是有这个BUG，4页的时候会出现这个问题

慈悲为怀0
2018/4/27 23:15:27

我改了一下源码：


var start = current > opts.count - 1 ? current + opts.count - 1 > pageCount ? current - (opts.count - (pageCount - current)) : current - 2 : 1;
var end = current + opts.count - 1 > pageCount ? pageCount : start + opts.count;

将119行120行 更换为以下代码即可解决问题：
前提是count默认是4，不要修改
也就是页码按钮最多有5个 1,2,3,4,5
如果修改了的话 不会有功能bug 但会有样式蹩脚的情况


var start = current > opts.count - 1 ?
    current + opts.count - 1 > pageCount ?
    current - (opts.count - (pageCount - current)) === 0 ?
    1 :
    current - (opts.count - (pageCount - current)) :
    current - 2 :
    1;
var end = current + opts.count - 1 > pageCount ?
    pageCount :
    start === current && current === 1 && pageCount === opts.count ?
    opts.count :
    start + opts.count;

$.ajax({
        url: '../../admin/getServiceInfoByPage',
        type: 'GET',
        dataType: 'json',
        success: function(result){
            console.log(result);
            var rows = result.data.rows;
            var size = result.data.size;
            if(size > 0){
                getOrderClaimListTable(rows, assignName); //生成表格
                getOrderClaimListPager(size); //调用分页插件代码
            }else{
                $('#serviceTbile tbody').append('<tr><td colspan="10">暂无相关数据</td></tr>');
            }
        }
    });

function getOrderClaimListPager(totalCount){
    $('#totalCount').text(totalCount);
    $('.total-pager').pagination({
        totalData: totalCount,
        showData: 10,
        mode: 'fixed',
        count: 10,
        prevContent: '?',
        nextContent: '?',
        callback: function (api){
            var pageNo = api.getCurrent();
            $.ajax({
                url: '../../admin/getServiceInfoByPage',
                type: 'GET',
                dataType: 'json',
                data: {pageNo: pageNo},
                success: function(result){
                    var rows = result.data.rows;
                    getOrderClaimListTable(rows);
                }
            });
        }
    });
}

为什么我用这种形式调用插件，时不时刷新页面就会报错：

Uncaught TypeError: $(...).pagination is not a function

难道不能这样使用吗？

Mss。1
2018/1/24 17:11:09

1、查看插件引用顺序

2、是否处于文档加载完后调用$(document).ready(function(){});

The Wind Rises0
2018/1/24 17:31:57

我的第一个ajax是写的一个function包起来的，此function是在插件引用后，在$(document).ready(function(){});中调用的。

我这里出现的报错是在刷新的过程中时有时无的。

The Wind Rises0
2018/1/24 17:41:04
已解决 好像是ajax异步问题。

pengyuyan0
2018/4/9 23:05:25
你好，我也遇到你的问题了，请问怎么解决的，我是小白，，，

if (opts.isHide && this.getPageCount() == '1' || this.getPageCount() == '0') $obj.hide();

初始化部分显示隐藏问题，出现一次隐藏后，之后有数据也不显示

Mss。0
2018/1/19 8:59:35
下载最新版本1.5.1已修复

新手问个问题，为什么点击下一页后的窗口位置不在最上方，而是和上一页相同？？

希望把api接口提供给pagination对象，而不仅仅是在callback里面使用。当通过条件查询时，这时候分页总数会变，这个时候pagination需要用到filling方法。

Mss。0
2018/1/14 22:49:48
初始化时将分页对象存在另外一个_api变量里即可调用分页方法

shuangshuangsun0
2018/3/19 16:57:53
如何减少连续的的分页条目数

Mss。0
2018/1/12 8:58:12
回车和点击跳转获得的页码是一致的，在callback里console api.getCurrent()查看当前页码。返回数据得看你传的参数是否正确。

支持a标签刷新页面吗？

Mss。1
2018/1/11 15:37:37

回调里用window.location.href刷新

~~~~(>_<)~~~~  这个

  $('.M-box1').pagination({
     coping: true,
     homePage: '首页',
     endPage: '末页',
     prevContent: '上页',
     nextContent: '下页',
     totalData: 100,
     showData: 4,
     callback: function(api) {
         // 请问没有一个方法可以获得当前为第几页吗          
         console.log($(this))
         $.get('/all', {
             pageamount: 4,
             page: 0 //这里的值是死的？ 我靠这怎么可以呢           
         }, function(json) {
             //                console.log(json);          
         });
     }
 });

6535794870
2017/12/27 12:46:36
大家都没看见哈 没看见 ??

6535794870
2017/12/27 12:47:14

明明是笑脸 最后给我变成 问号。。

查理布朗1
2017/12/27 14:37:02

callback: function(index) {
    loadProduct(index.getCurrent(), pageSize, Url, json);
    app.Page = index.getCurrent();
    //getCurrent() 获取当前页
}

6535794870
2017/12/28 11:54:37
嗯嗯

可以修复这种bug吗1...23456...7,无论怎么设置count选中前后页数，都有这种情况（1...23456...8），要求显示有第一页和最后一页（数字）；可以参考

查理布朗0
2017/12/27 10:05:42
或者12...45678...19 20 上面的demo例子

Mss。0
2017/12/28 17:52:00

已记录，下个版本更新

ㄆ 我还能孩子多久 0
2018/1/27 15:40:24

请问这个BUG 解决了吗

问下 怎么固定分页按钮的宽度 不要让它一直变

初始化加载第一页回调里的function应该怎么写，有大神知道吗

建议bug修复，配置参数里面pageCount: 0, //总页数,默认为0。。//初始化的时候

if (opts.isHide && this.getPageCount() == '1' || this.getPageCount() == '0') {
    $obj.hide()
} else {
    $obj.show()
};

应该加一个show()，不然会出现超过1页的时候不会自动显示的问题

Mss。0
2017/12/25 19:18:02

感谢指出

初始化的时候怎么设置页码

旷达1
2017/12/22 9:58:46

current进行设值，然后数据要带上参数page=current设的值

要想变成1，2，3，4，5，6，7...10这种情况怎么弄呢？

┆隐身?不可见0
2017/12/16 18:00:04
随着页数得变化总是变得1...2345...5类似这种情况，应该怎么解决？

Mss。0
2017/12/18 8:49:29

将首页尾页参数改为false，按需求调整count参数