功能非常全面的jQuery分页插件
108
0
jQuery分页插件jQuery页码跳转分页代码

一款功能非常全面的jQuery分页插件,支持上一页、下一页、首页、尾页、页码跳转等。
<script type="text/javascript" src="js/jquery.pagination.min.js"></script>
<script>
$(function() {
$("#pagination1").pagination({
currentPage: 1,
totalPage: 12,
callback: function(current) {
$("#current1").text(current)
}
});
$("#pagination2").pagination({
currentPage: 3,
totalPage: 12,
isShow: false,
count: 6,
prevPageText: "< 上一页",
nextPageText: "下一页 >",
callback: function(current) {
$("#current2").text(current)
}
});
$("#pagination3").pagination({
currentPage: 4,
totalPage: 16,
isShow: true,
count: 7,
homePageText: "首页",
endPageText: "尾页",
prevPageText: "上一页",
nextPageText: "下一页",
callback: function(current) {
$("#current3").text(current)
}
});
$("#getPage").on("click", function() {
var info = $("#pagination3").pagination("getPage");
alert("当前页数:" + info.current + ",总页数:" + info.total);
});
$("#setPage").on("click", function() {
$("#pagination3").pagination("setPage", 1, 10);
});
});
</script>热点素材
- 2,4591
- 2,4390
- 2,34112
- 2,3003
- 2,1851





