分页插件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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM