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

//改变下拉的条数
$obj.on('select change', '#zfy-columns', function() {
    var $this = $(this);
    var val = $this.val();
    opts.showData = val;
    alert(opts.showData);
    $document.init();
});

想要增加一个每页显示条数的下拉框，可以动态选择每页加载的数据，那么我改变了option里面的showData后怎么重新加载或者初始化呢

Mss。1
2017/12/15 15:16:48

//尝试在源码里添加，位置可参照其他api
this.setShowData = function (count) {
    return opts.ShowData = count;
};
//初始化回调里将分页对象api存入_api变量
var _api;
$(select).pagination(options,function(api){
    _api = api;
});

之后可调用_api.setShowData(count)，并调用_api.init()重新初始化插件节点

子非鱼/ka0
2017/12/15 15:36:30

好的，稍后尝试一下，已经在外部修改方法实现了这个功能，不过还是集成到插件里面为了方便以后使用

设置每页只显示6条数据，但是打印出来是所有数据都显示了，还有就是这个不能点击页数后，切换数据吗？

Mss。0
2017/12/14 16:05:36
返回多少条数据显示多少条数据，数据只能后端分页好之后前端请求。

骡子大大0
2017/12/14 16:08:46

怎么没有分页效果呢？一直都是在往下加载！！

请问:当前只有三页的时候,中间的省略号怎么去掉呢?

Mss。0
2017/12/12 19:56:21

暂时没有这个参数，只能尝试修改配置里的count参数

我想在外部调用一次跳页，比方说现在一共三十页，我点一下页面中的一个其他按钮 想跳到15页，怎么实现，假如现在处在第一页的按钮上，页面中不存在15页这个按钮，无法模拟click点击。

Mss。1
2017/12/11 9:40:43

1、声明一个变量page 

2、点击按钮请求15页的接口 

3、接口回调里初始化分页插件，将current设置为接口返回的当前页码字段 

并且在callback回调里设置变量

page = api.getCurrent();

请问：

$(selector).pagination(option, callback);

 * -此处callback是初始化调用，option里的callback才是点击页码后调用

这个方法怎么用

Mss。1
2017/12/7 11:06:52

```javascript
$(select).pagination({
    //...参数配置
    callback: function(){
        //点击回调
    }
},function(){
    //初始化回调
})
```

漫步0
2017/12/15 15:16:55
为什么初始化总页数的时候，需要点一下页数才能正确显示页数？

问一下，有没有setTotalData方法

子非鱼/ka0
2017/12/5 17:23:41

好了，自己改写了，谢谢作者的分享

Ajax0
2018/5/14 16:55:29
要不出示一下代码？

//汽车查询
function carNewsSearch() {
    base16Form("car_form", "car_form_data");
    var url = "${pageContext.request.contextPath}/frame/car/siteNews";
    var s = top.layer.load(2);
    var html = "";
    $.post(url, $("#car_form_data").serialize(), function(data) {
        if (data.successful) {
            $.each(data.rows, function(i, item) {
                html += '<li><a target="_blank" href="' + item.docpuburl + '">' + item.doctitle + '</a><span>' + item.docreltime + '</span>';
            })
            $("#car_ul").html(html);
            $('#car_page').pagination({
                totalData: data.total,
                showData: data.pageSize,
                current: $("#car_form input[name='pageNo']").val(),
                jump: true,
                coping: true,
                homePage: '首页',
                endPage: '末页',
                prevContent: '上页',
                nextContent: '下页',
                callback: function(api) {
                    $("#car_form input[name='pageNo']").val(api.getCurrent());
                    carNewsSearch();
                }
            });
        }
    }, "json").complete(function(data) {
        top.layer.close(s);
    }).error(function(data) {
        top.layer.msg(data.error, {
            shade: 0.3,
            icon: 1
        });
    });
}

李鹏翮0
2017/11/27 16:33:04

这个方法更换检索关键字的时候要把pageNo 重置为1,不然如果现在总共30页,当前第30页,下次检索就5页,就会显示不正常

李鹏翮0
2017/11/27 16:37:31

非常感激作者的这个插件,省了不少劲.

如果可以建议优化2个问题:

1.生成的分页代码没有class或者被div包裹,导致css很容易会出现覆盖的现象

2.设置数据前后几条,如果可能最好改成2个参数,分别设置前后的数量,且处理下页首和页尾,这2个位置显示的数据特别少,不好看,像百度的分页那种,总按钮数目固定,看上去效果好多了

$document.unbind('keydown');

朋友 你这个小小的坑了我哦，我是多次初始化分页一个界面。结果键盘事件重复绑定，导致我下一次get总条数的时候还是get的上一次的值。

Mss。0
2017/11/23 8:44:12

把分页对象存到变量里就不用多次初始化

pagination is not a function

Mss。0
2017/11/21 11:34:19

插件引入了吗

紫燕0
2017/12/16 11:05:52

我也出现同样的情况，插件引入了，而且打印pagination的时候可以打印出来，但是调用的时候说pagination is not a function

晓0
2018/8/30 18:00:30
这个问题有两种可能，一种是 pagination 没有放在 document 下，另一种是 引入插件的顺序错误。

pagination is not a function

Mss。0
2017/11/21 11:34:55

插件引入了吗

怎么关联页面呢

Mss。0
2017/11/21 11:36:10

页面跳转？

callback里用location，页面跳转建议直接用模板实现

Mss。1
2017/11/8 10:20:56

$('.xx').pagination({
    callback:function(api){
        console.log(api.getCurrent());
    }
});

Uncaught ReferenceError: jQuery is not defined

什么意思啊！？

therefor01000
2017/11/3 9:01:13
换个jq

therefor01000
2017/11/3 9:02:02

或者重新引入本地jq

你好，我看了好久，还是没看懂怎么用，能私聊请教下吗