注册 登录 充值会员 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
充值

功能非常全面的jQuery分页插件

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-07-20
功能非常全面的jQuery分页插件
一款功能非常全面的jQuery分页插件,支持上一页、下一页、首页、尾页、页码跳转等。


js代码

<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>