基于bootstarp的分页插件jquery.twbsPaginationwbst的使用
来源:互联网 发布:2017天猫实时数据 编辑:程序博客网 时间:2024/06/05 06:48
纠结于各种分页插件好几天了,后来小伙伴推荐了这款简单又酷到爆的分页插件,简直激动到想哭呀。
具体来说标题名称并不是很正确,毕竟这个插件是基于bootstrap的样式与jquery的。
所以首先要引入文件
html里面添加类应用bootstrap的样式
<div class="text-center">
<div id="content"></div>
<ul id="pagination-demo" class="sync-pagination pagination-lg"></ul>
</div>
然后就是最主要的关于js的配置选项了
$('.sync-pagination').twbsPagination({
totalPages: 20,
onPageClick: function (evt, page) {
$('#content').text('Page ' + page);
}
});
这样最简单的一个分页就ok了。
本博文借鉴于http://www.denghuafeng.com/content/plugins/openlink/viewPage.html?url=http://esimakin.github.io/twbs-pagination/
插件下载地址:http://esimakin.github.io/twbs-pagination/
ok在此处感谢各位为我们开路的前辈们!
0 0
- 基于bootstarp的分页插件jquery.twbsPaginationwbst的使用
- 基于jquery 的前端分页插件
- jquery的分页插件pagination的使用
- jquery easyui pagination分页插件的使用
- jquery的翻页分页插件使用
- jquery.paginate.js 分页插件的使用
- jquery分页插件pagination.js的使用
- angularJs和bootstarp的使用
- 分享几款基于bootstrap和jquery的分页插件
- 第一章 基于jQuery插件的使用
- 第16篇 基于Bootstarp 仿京东多条件筛选插件的开发(展示上)
- 第17篇 基于Bootstarp 仿京东多条件筛选插件的开发(展示下)
- 基于ssm框架的mybatis pagehelper分页插件的使用
- jquery 好的分页插件
- 基于jQuery的分页技术
- 基于JQuery 的分页控件
- 分页插件的使用
- Mybatis基于MySql分页插件PageHelper的使用
- 程序猿教你学剪辑
- 【Java每日一题】20170217
- 2017-02-17
- Python中类的创建与使用实例
- 不能对同一个元素调用几次ON,绑定多个事件。。。否则就悲剧了
- 基于bootstarp的分页插件jquery.twbsPaginationwbst的使用
- 天河二号上运行ZHT(a zero-hop distributed table)
- bzoj 1441: Min (gcd+裴蜀定理)
- Mac OSX 下 Hadoop 使用本地库提高效率
- android 数据结构总结
- Linux安装配置最新mysql
- javascript BOM
- java面试题
- 新项目架构搭建要点