jquery分页插件

引用

配置

使用

function getData(page,size) {
                var data = {"keyword": var2,"page":page,"size":size};
                $.ajax({
                    url: 'url',
                    type: 'GET',
                    jsonp: 'callback',
                    data: data,
                    success: function (data, status) {
                        if (status == 'success') {
                            //update data
                            totalCount = data.totalElements;
                            renderPage(size,page+1,totalCount);
                        }
                    },
                    error: function (data, status) {
                        if (status == "error") {
                            console.log(data);
                        }
                    }
                });
            }

修改源码的init函数

主要是解决重新render之后选中页面的问题

function init() {
                $this.find('li').remove();
                c.maxPages = Math.ceil(c.total/c.pageSize);

                if(c.maxPages < 1) return;

                $this.append('
«
');
                $this.append('
上一页
');

                var pageCount = c.maxPages < c.maxPageButton ? c.maxPages : c.maxPageButton;
                var pNum = 0;
                for(var index = 1; index <= pageCount; index++) {
                    pNum++;
                    $this.append('
'+index+'
');
                }

                $this.append('
下一页
');
                $this.append('
»
');

                if(c.maxPageButton > c.maxPages) {
                    $this.find('li a.next').parent().addClass("disabled");
                    $this.find('li a.last').parent().addClass("disabled");
                }else {
                    $this.find('li a.next').parent().removeClass("disabled");
                    $this.find('li a.last').parent().removeClass("disabled");
                }

               //主要是这部分
                if(c.lastSelectedIndex){
                    $this.find('li.active').removeClass('active');
                    var selectedBtn = $this.find('li.page').find('a[page="'+(c.lastSelectedIndex)+'"]');
                    selectedBtn.parent().addClass('active');
                }

                //$this.find('li:nth-child(3)').addClass('active');

                firstBtn = $this.find('li a.first').parent();
                preBtn = $this.find('li a.pre').parent();
                lastBtn = $this.find('li a.last').parent();
                nextBtn = $this.find('li a.next').parent();
            }

参考

• jBootstrapPage