jQuery内容分页

 

 
        /* 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); });

你可能感兴趣的:(html,jquery)