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

$('.M-box11').pagination({
    mode: 'fixed',
    pageCount: 4
});

在固定首尾页显示的时候当你点击到第四页的时候第一页会出现0页，而且当你把首页尾页都献出出来的时候会出现第五页。

case 'fixed': //固定按钮模式
    html += '<a href="javascript:;" class="' + opts.prevCls + '">' + opts.prevContent + '</a>';
    if (opts.coping) {
        var home = opts.coping && opts.homePage ? opts.homePage : '1';
        html += '<a href="javascript:;" data-page="1">' + home + '</a>';
    }
    var start = current > opts.count - 1 ? current + opts.count - 1 > pageCount ? current - (opts.count - (pageCount - current)) : current - 2 : 1;
    if (start < 1) {
        start = 1;
    }
    var end = current + opts.count - 1 >= pageCount ? pageCount : start + opts.count;

我在这里多增加了一个判断，最小只能为1，而不是无限小，在结束页这里也多增加了一个>=的判断，不知道打什么还有没有其他更好的解决方案？

hdutian0
2018/7/27 16:46:43
你这样改了之后，在最大页-3时会突出的，怎么搞，代码根本看不懂……

hdutian0
2018/7/27 17:04:01

受你启发，好像这样搞就不会有问题了。


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

应该是作者大大设置的count：4，到达临界值的特殊情况。

console.log(result.data.totalCount, pageSize)
$('#messgaelistpagin').pagination({
    pageCount: util.getTotalPages(result.data.totalCount, pageSize),
    jump: true,
    coping: true,
    prevContent: '上页',
    nextContent: '下页',
    callback: function(api) {
        getmessagelist(api.getCurrent());
    }
});

方法写在callback回调里面，点击页数的时候永远在第一页，有哪位兄弟碰到过吗

leijee0
2018/7/16 11:18:21
util.getTotalPages(result.data.totalCount, pageSize) 应该是一个ajax获取数据的吧？是同步的还是异步的方法呢？要是异步的话，估计pageCount获取就会有问题吧

美好心情20151
2018/7/20 19:42:49
class类再中加m-style类就会有效果了，即是<div class="M-box11 m-style"></div>

半塘先生0
2018/6/5 16:49:34
已解决！

要珍惜0
2018/6/20 16:33:13
怎么解决的

Pull You Socks Up0
2021/2/6 15:24:34
默认的本来就没有样式，需要自己写

我是女汉纸没有眼泪0
2018/7/6 11:15:10
每次刷新数据的时候先清空之前的数据啊

凌霄0
2018/7/26 13:37:46
你是如何用这个插件通过页码访问到自己数据的，求告知

初始化数据里面，我要填写什么东西呢？

$('.M-box4').pagination({
    totalData: totalCount,
    showData: 5,
    jump: true,
    callback: function(api) {
        var data = {
            pageNum: api.getCurrent(),
            pageSize: 5
        };
        $.getJSON('<%=basePath%>admin/resources/resourceList.jhtml', data, function(json) {
            vmm.mydatas = json.datas;
        });
    }
}, function(api) {
    var this_page = api.getCurrent();
    alert(this_page)
});

另外，还有一个情况，当输入页码进行跳转时 如果直接获取input值进行逻辑操作的话 无法获取到input的值， pagination的代码在先执行，会清除掉该值，这里将第207行的  that.filling(index)方法调用设置为异步队列函数 可解决此问题 并暂无发现因此带来的问题
将第207行 修改为

setTimeout(function () {
      that.filling(index);
});