这是一款可以设置多个列表数量,带分页搜索跳转功能,非常实用的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>
暂无评论内容