js分页插件非异步

分页插件

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

下面为css样式代码：.pagination-inner{height:38px;text-align:center;vertical-align:middle;font-family:"微软雅黑", "Microsoft YaHei", Arial, Helvetica, sans-serif;}
.pagination-inner a, .pagination-inner span{margin:8px 3px;padding:0px 3px;height:20px;line-height:20px;display:inline-block;min-width:25px;background-color:transparent;color:#3983CC;text-align:center;vertical-align:middle;}
.pagination-inner a{border:1px solid #999;border-radius:3px;cursor:pointer;text-decoration:none;outline-style:none;}
.pagination-inner a:hover, .pagination-inner .active, .pagination-inner a:focus{color:#ffffff;background-color:#3983CC;}
.pagination-inner .previous, .pagination-inner .next{font-size:16px;}
.pagination-inner .previous:focus, .pagination-inner .next:focus{color:#428BCA;background:none;}
.pagination-inner .fs-16{font-size:16px;}
.pagination-inner .disabled{color:#DFDFDF;border:1px solid #DFDFDF;}
.pagination-inner .gopage_wrap{display:inline-block;width:44px;height:18px;border:1px solid #DFDFDF;margin:8px 2px;padding:0px;position:relative;left:0px;top:0px;}
.pagination-inner .btn_go {width:44px;height:20px;line-height:20px;padding:0px;font-family:arial,宋体,sans-serif;text-align:center;border:0px;background-color:#0063DC;color:#FFF;position:absolute;left:0px;top:-1px;display:none;cursor:pointer;}
.pagination-inner .btn_go_input{width:42px;height:18px;line-height:18px;text-align:center;border:0px;position:absolute;left:0px;top:0px;outline:none;}
写的不错不过插件的话
你要封装你的代码
你要给一个调用接口
比如var mypage = Page.init('navid', {
   //配置
});
嗯，是可以直接调用，直接调用pagger.generPageHtml({option});就好了。
_clickHandler: function (n) {
        //var res = false;
        //if (this.click && typeof this.click == 'function') {
        //    res = this.click.call(this, n) || false;
        //}
        //return res;
        $("#" + this.pagerid).find("a").removeClass("active");//删除所有a的选中样式
//如何给当前点击的a标签添加active样式

        return false;
    }
$(this).addClass("active");//给当前点击的a加样式，问题:此this不是当前点击的a对象而是pager