项目中有分页功能,之前都是自己写,样式不好看,功能也简单,就找了这个插件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