注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码
充值

jQuery带搜索跳转功能的列表分页代码

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2022-10-31
jQuery带搜索跳转功能的列表分页代码
这是一款可以设置多个列表数量,带分页搜索跳转功能,非常实用的jQuery分页代码。


js代码

<script>
	var page = 1;
	var limit = 10;
	var sumPage = 6;
	var size = 28;
	$(function(){
		page = parseInt(page);
		limit = parseInt(limit);  //防止页码出现字符串,转换类型
		
		loadClass();
		setPageMsg();
		initPage();
		
		$("#pageLt").find("a").unbind("click").click(function(){
			$("#pageLt").find("a").removeClass("active");
			$(this).addClass("active");
			
			limit = parseInt($(this).text());
			// 分页执行的fun
		});
	});

	function loadClass(){
		
		if(limit == 10){
			$("#pageLt").find("a").removeClass("active");
			$("#pageLt").find("a").eq(0).addClass("active");
		}else if(limit == 20){
			$("#pageLt").find("a").removeClass("active");
			$("#pageLt").find("a").eq(1).addClass("active");
		}else if(limit == 30){
			$("#pageLt").find("a").removeClass("active");
			$("#pageLt").find("a").eq(2).addClass("active");
		}else if(limit == 40){
			$("#pageLt").find("a").removeClass("active");
			$("#pageLt").find("a").eq(3).addClass("active");
		}
	}

	/** 初始化分页控件 **/
	function initPage(){
		
		$(".down_page").click(function(){  //上一页
			if(page != 1){
				page = page - 1;
				$("#nowPage").text(page);
				// 分页执行的fun
			}else{
				alert("已经是第一页了","warning");
			}
		});
		$(".up_page").click(function(){   //下一页
			if(page < parseInt(sumPage)){
				page = page + 1;
				$("#nowPage").text(page);
				// 分页执行的fun
			}else{
				alert("已经是最后一页了","warning");
			}
		});
		$(".jump_page").click(function(){
			var pageNum = $("#pageNum").val();
			if(parseInt(pageNum) <= parseInt(sumPage)){
				page = parseInt(pageNum);
				$("#nowPage").text(page);
				// 分页执行的fun
			}else{
				alert("页数不能大于总页数","warning");
			}
		});
	}

	function setPageMsg(){
		$("#count").text(size);
		$("#nowPage").text(page);
		$("#allPage").text(""+sumPage+"页");
	} 
</script>