- 在github官网首页搜索pagination,点赞数最多的就是我们需要的那个
- 点进去就会看到下面这样一个效果
官网:https://josecebe.github.io/twbs-pagination/
- 还需要导入jQ和bootstrap两个js文件,()因为这个插件是相对jQ和bootstrap的)
然后在导入下载的这个js文件
可直接点下载:
- 使用,(复制如下代码,更改id就可以了哦)
$(’#pagination-demo’).twbsPagination({
totalPages: 35, //总页码
visiblePages: 7, //可见页码数
onPageClick: function (event, page) { //页码点击执行的回调函数
//page是你点的那个页码的页码值,不知道可以打印看一下
$(’#page-content’).text(‘Page ’ + page);
}
});
5. 下面这些都是一些属性可以更改
比方说可以更改一些属性:
first:’‘首页’’,
prev:’'上一页",
next:‘下一页’,
last:‘尾页’,
就可得到这只种效果:
github的页码分页方法的使用:
最新推荐文章于 2024-08-22 15:47:42 发布