jQuery内容分页

xiaoxiao2025-02-08  6

 

/* paginate follow */ var args = { sliceTag: "dl", sliceSize: 10, pageNumShow: 'p.pageNum', curr: "curr" }; /* 分页内容的集合 */ var $slice; /* 总数 */ var count; /* 页码挂载点 */ var $show = $(args.pageNumShow); /* 总页数 */ var numCount; var pn = function(){ $slice = $(args.sliceTag); count = $slice.size(); /* Math.ceil(), 向上舍入函数,得到页数的好东东 */numCount = Math.ceil(count / args.sliceSize); /* 页码html片段 */ var pageHtml = "页码: "; if (!numCount) { return; } for (var i = 1; i <= numCount ; i++ ) { pageHtml += "<a rel='" + i + "'>" + i + "</a>"; } /* 除了第一次生成的,以后定位的页码 */ var currNum = $("a.curr", $show).attr("rel"); $show.html(pageHtml); view(currNum); }; var view = function(num){ num = num || 1; $("a", $show).removeClass(args.curr).filter("[rel='" + num + "']").addClass(args.curr); $slice.hide().slice(args.sliceSize * (num - 1), args.sliceSize * num).show(); }; $("a", $show).live("click", function() { if($(this).hasClass("curr")) { return; }; // $("a.curr", $show).removeClass("curr"); var num = $(this).attr("rel"); // $(this).add($("a[rel="+num+"]", $show)).addClass("curr"); view(num); }); 相关资源:jQuery分页按钮控制文字列表切换代码.zip
转载请注明原文地址: https://www.6miu.com/read-5024278.html

最新回复(0)