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); });
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值