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