实用的jQuery Pagination分页插件下载

来源:https://www.sucaihuo.com/js/3798.html 2018-07-09 11:47浏览(1296) 收藏

实用的jQuery Pagination分页插件下载,这里展示3种分页页码跳转代码的使用方法。
实用的jQuery Pagination分页插件下载
分类:html/css > 分页 难易:初级
查看演示 下载资源: 23 下载资源 下载积分: 20 积分

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>
评论2
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

  • 头像 椅子
    10-04 16:14
    e***c
    这个功能怎么用的
  • 头像 沙发
    07-10 08:44
    木***偶
    实用性很强,赞一个
1 2