分页插件pagination.js

项目中有分页功能,之前都是自己写,样式不好看,功能也简单,就找了这个插件pagination.js

页面导入pagination.js

html代码

1  <div class="list_button">
2 </div>

js代码

 1  $('.list_button').pagination({
 2                     totalData:count,
 3                     pageCount:pageCount,
 4                     showData:limitValue,
 5                     current: 1,
 6                     jump: true,
 7                     coping: true,
 8                     count: 2,
 9                     homePage: '首页',
10                     endPage: '末页',
11                     prevContent: '上页',
12                     nextContent: '下页',
13                     callback: pageCallback //pageCallback() 为翻页调用次函数。
14                 });
1 function pageCallback(api) {
2     var pageNo=1 //当前页码
3     if(api){
4         pageNo=api.getCurrent()  //获取当前代码
5     }
6 }

参考地址(可以下载):http://www.jq22.com/jquery-info5697

demo地址:http://maxiaoxiang.com/jQuery-plugins/plugins/pagination.html

js下载地址:https://github.com/zhaobao1830/paginationjs

posted @ 2017-01-22 09:53  zhaobao1830  阅读(7398)  评论(0编辑  收藏  举报