六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 120|回复: 0

jQuery内容分页

[复制链接]

升级  88.67%

53

主题

53

主题

53

主题

秀才

Rank: 2

积分
183
 楼主| 发表于 2013-2-7 19:29:43 | 显示全部楼层 |阅读模式
 
         /* 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);        });
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表