引用
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<link rel="stylesheet" href="librarys/fenye/pagination.css">
<script src="librarys/fenye/jquery.pagination.js"></script>
html
<div class="nav">
</div>
css
.nav{
text-align: center;
padding: 0 1rem;
}
.nav a{
color: #c8c8c8;
border:1px solid #c8c8c8;
display: inline-block;
padding: 0.2rem 0.4rem;
line-height: 1rem;
text-align:center;
margin:0.1rem 0.1rem;
text-decoration: none !important;
}
js
// 分页
$('.nav').pagination({
pagecount:10, //总页数
coping: true, //开启首页末页
homepage: '首页',
endpage: '末页',
prevcontent: '上页',
nextcontent: '下页',
callback:function(index){ //实现功能的回调
page = parseint($('.nav span').html()) //获取被选中页数的值
if(page==1){
$('.list ul').empty()
getlist() //重新获取数据
}else{
$('.list ul li').hide()
getlist()
}
}
})
如对本文有疑问, 点击进行留言回复!!
VScode中的react自动补全标签代码及黄色or红色警告
关于React处理input的方法和多个input共用一个方法(不用jQuery)
网友评论