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

bootstrap-paginator使用简单案例

2018-05-11 16:31 531 查看
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css"></head><body> <div id="myPaginator" style="text-align: right"> <ul id="page"></ul> </div> <script src="./jquery/jquery-1.12.4.min.js"></script> <script src="./bootstrap/js/bootstrap.min.js"></script> <script src="./bootstrap-paginator/bootstrap-paginator.min.js"></script> <script> $('#page').bootstrapPaginator({ currentPage: 1,//当前的请求页面。 totalPages: 20,//一共多少页。 size:"normal",//应该是页眉的大小。 bootstrapMajorVersion: 3,//bootstrap的版本要求。 alignment:"right", numberOfPages:5,//一页列出多少数据。 itemTexts: function (type, page, current) { switch (type) { case "first": return "首页"; case "prev": return "上一页"; case "next": return "下一页"; case "last": return "末页"; case "page": return page; } } }); </script></body></html>


阅读更多
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航