Bootstrap的JQuery分页插件 twbs-pagination(推荐考虑搜索引擎优化的网站使用)

当前位置:

Bootstrap的JQuery分页插件 twbs-pagination(推荐考虑搜索引擎优化的网站使用)

作者:邓华锋于2014-4-20发布在 分类:javascript / 阅读5434 次 / 共有0条评论  

jQuery Pagination Plugin for Bootstrap 这个 jQuery 插件简化了 Bootstrap 分页功能的使用。它使用适当的类:.pagination, .active.disabled。

这个插件使用需要注意的地方:

1. 调用此方法的代码必须写在页面加载方法里:$(document).ready(function () {//分页调用代码});

2.此插件支持bootstrap 3 不支持bootstrap 2的样式,如果要用的话,需把bootstrap 3的分页相关的样式(.pagination和.pager)提取出来单独放在一个css文件引用。

3.使用startPage参数时有bug,它里面的上一页和下一页写死的,不知道作者是不是没有考虑用这个参数。这个参数的引用场景是结合href参数j结合使用的场景,假如href是一段链接,不是javascript方法,示例如下。


 $('#pagination-demo-v1_1').twbsPagination({
				        totalPages: ${pager.pageCount},
				        startPage:${pager.pageNumber},
				        href: "${path}/blog/list/{{number}}.html"
				    });
我在翻上一页和下一页的时候,上一页值始终是1,下一页值始终是2。

我提交了bug,作者已对两个bug进行了修改https://github.com/esimakin/twbs-pagination/issues/2

下载地址:http://esimakin.github.io/twbs-pagination/