# jquery.pagination

**Repository Path**: qinshenxue/jquery.pagination

## Basic Information

- **Project Name**: jquery.pagination
- **Description**: 极简实用的分页插件，min版小至1k多
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 25
- **Forks**: 8
- **Created**: 2016-11-01
- **Last Updated**: 2024-06-14

## Categories & Tags

**Categories**: jquery-plugins

**Tags**: None

## README

#jquery.pagination
> 极简实用的分页插件，min版小至1k多

## 演示地址
[http://qinshenxue.oschina.io/jquery.pagination/](http://qinshenxue.oschina.io/jquery.pagination/)

## 介绍
- 代码简单，未压缩版不足3k，压缩版1k多
- 结构简单，自己可以随意修改样式

## 全部配置项
``` javascript
{
    "total": 0,  // 初始化数据总条数，默认为0，初始化时大于0才渲染组件
    "current": 1,  // 初始化时当前页码
    "pageSize": 10, // 每页条数，用于计算总页数
    "ellipsis": '…', // 省略号
    "callback": null  // 页码改变时执行回调
}
```

## 运行效果
![](readme/pagination.gif)
## 自定义样式
![](readme/custom_style.png)
## 使用示例
``` javascript
$('.wrap').pagination({
    callback: function (no, pagination) {
        // no是点击的页码
        // pagination是当前组件
        $.ajax({
            url: '',
            data: {
                pageIndex: no,
            },
            success: function (res) {
                // 总数一般是动态的，调用setTotal更新
                pagination.setTotal(res.data.total);
            }
        })
    }
})
```