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

转载于:https://www.cnblogs.com/zhaobao1830/p/6339473.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值