本文介绍了如何结合Bootstrap和jquery.twbsPagination.js实现动态分页功能，详细讲解了引入js文件、应用Bootstrap样式以及配置选项的设置，并提供了一个结合Ajax的示例演示。
1、引入js文件jquery.twbsPagination.js
<script type="text/javascript" src="plugins/page/jquery.twbsPagination.js"></script>
2、html里面添加类应用bootstrap的样式
<div class="text-center">
<div id="content"></div>
<ul id="pagination-demo" class="sync-pagination pagination-lg"></ul>
</div>
3、关于js的配置选项
$('.sync-pagination').twbsPagination({
totalPages: 20,
onPageClick: function (evt, page) {
$('#content').text('Page ' + page);
}
});
结合ajax 的 demo应用：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/boots
最低0.47元/天 解锁文章
594
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
