$(function(){ //产品展示 $(".columnsicolist.xwzx1").each(function(){ $(this).pagination({ pagesize : 3, pagenum : 10, pagebar : ["prev","num", "next" ] //自定义页码条 }); }); //产品展示 $(".columnsicolist.cpzs").each(function(){ $(this).pagination({ pagesize : 12, pagenum : 10, pagebar : ["prev","num", "next" ] //自定义页码条 }); }); //工程 $(".columnsicolist.ywbk2").each(function(){ $(this).pagination({ pagesize : 3, pagenum : 10, pagebar : ["prev","num", "next" ] //自定义页码条 }); }); }); /* pagination 0.95 分页插件已实现图片延时加载 copyright (c) 2014 zhibinpu date: 2014-11-13 update: 2019-10-31 可自定义页码条 jquery-1.12.4.min.js */ (function($){ $.fn.pagination = function(options){ var defaults = { pagesize : 4, //每页几条 pagenum : 6, //页码显示个数 pagebar : ["first", "prev", "num", "next", "end", "|", "state", "|", "pageselect", "|", "pagesizeset" ], //自定义页码条 pagenumselect : [3, 10, 20, 50, 100] //设置记录选择条数 } var options = $.extend(defaults, options); var $this = this; //整个列表对象 var $row = $this.find("li"); //数据行对象 var pagebar = options.pagebar; //页码条 var pagenumselect = options.pagenumselect; //记录选择条数 var pagesize = options.pagesize; //每页条数 var pagenow = 1; //当前页码 var rowcount = $row.length; //数据总条数 var pagecount = math.ceil(rowcount/pagesize); //总页数 var pagenum = options.pagenum; //页码显示个数 var startitem = (pagenow-1)*pagesize; //数据显示开始处 var enditem = startitem+pagesize; //数据显示结束处 var pagenostart; //页码开始处 var pagenoend; //页码结束处 var imgsrc = []; //存储图片路径 for(i=0; i<$row.length; i++){ imgsrc[i] = $row.eq(i).find("img").attr("src"); //普通加载 //imgsrc[i] = $row.eq(i).find("img").attr("data-original"); //懒加载 } init(); //初始化 //初始化 function init(){ $(".pagenav").remove(); //显示分页项目 showitem(); //设置页码开始结尾 setpagestartend(); //写入导航加载页码 $this.after(""); //显示页码条 showpagebar(); //数据测试 //console.log("startitem = "+startitem); //console.log("enditem = "+enditem); // console.log("pagesize 每页条数 = "+pagesize); // console.log("pagenostart 页码开始 = "+pagenostart); // console.log("pagenoend 页码结束 = "+pagenoend); // console.log("pagenow 当前页 = "+pagenow); // console.log("pagecount 总页数 = "+pagecount); // console.log("pagenum 页码个数= "+pagenum); // console.log("=============================="); //console.log("imgsrc = "+imgsrc); } //显示当前页数据 function showitem(){ startitem = (pagenow-1)*pagesize; enditem = startitem + pagesize; $row.find("img").attr("src", ""); $row.hide(); for(i=0; i<$row.length; i++){ if(i>=startitem && i pagecount ? pagecount : pagenoend } //显示页码 function showpagebar(){ //如果只有一页不显示页码 if(pagecount == 1) { return; } var str = ""; for(j=0; j 1) { var prev = pagenow - 1 str += "上一页"; } break; case "next": if (pagenow < pagecount) { str += "下一页"; } break; case "num": for(i = pagenostart; i <= pagenoend; i++) { if (i == pagenow) { str += ""+ i +""; } else { str += ""+ i +""; } } break; case "state": str += "当前第"+pagenow+"页/共"+pagecount+"页/共"+rowcount+"条记录"; break; case "pageselect": str += "跳转到:"; break; case "pagesizeset": str += "每页条记录"; break; default: str += j; } } $(".pagenav").append(str); clickpageno(); pageselect(); pagesizeset(); } //点击页码动作 function clickpageno(){ $(".pagenav span").click(function(){ //设置当前页 if( $(this).text() == "首页" ) { pagenow = 1; } else if( $(this).text() == "尾页" ) { pagenow = pagecount; } else if( $(this).text() == "上一页" ){ pagenow = pagenow - 1; } else if( $(this).text() == "下一页" ){ pagenow = pagenow + 1; } else { pagenow = parseint($(this).text()); } //重新初始化 init(); }); } //直接跳转动作 function pageselect(){ $(".pageselect").change(function () { $(this).find("option:selected").each(function () { pagenow = $(this).val(); }); //重新初始化 init(); }) } //选择每页几条动作 function pagesizeset(){ $(".pagesizeselect").change(function () { $(this).find("option:selected").each(function () { pagesize = parseint($(this).val()); }); //重新设置以下参数 pagenow = 1; pagecount = math.ceil(rowcount/pagesize); //总页数 startitem = (pagenow-1)*pagesize; //数据显示开始处 enditem = startitem+pagesize; //数据显示结束处 //重新初始化 init(); }) } }; })(jquery);