基于bootstarp的分页插件jquery.twbsPaginationwbst的使用

纠结于各种分页插件好几天了，后来小伙伴推荐了这款简单又酷到爆的分页插件，简直激动到想哭呀。

具体来说标题名称并不是很正确，毕竟这个插件是基于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在此处感谢各位为我们开路的前辈们！