您的位置:首页 > Web前端 > BootStrap

bootstrap-paginator分页控件

2016-07-22 16:06 567 查看
1.引用文件

<link rel="stylesheet" href="../css/bootstrapv3.css">

<script src="../lib/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="../lib/bootstrapv3.js" type="text/javascript"></script>
<script src="../src/bootstrap-paginator.js"></script>


2.代码

<div>
<ul id='bp-3-element-test'></ul>
</div>
<script type="text/javascript">
$(document).ready(function() {
var element = $('#bp-3-element-test');

var options = {
size: "large",
bootstrapMajorVersion: 3,
currentPage: 3,
numberOfPages: 5,
totalPages: 11
}
element.bootstrapPaginator(options);
});
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  控件 分页