分页插件插件

(function($,window,undefined){
        debugger
        $.fn.pager=function(options){
         return new MyPager(this,options);
            
        }
        var MyPager=function(elemet,options){
            var elem=this;
            elem.$element=$(elemet);
            elem.init(options);
        }
        
        MyPager.prototype.init=function(options){
            var elem=this;
            elem.opts=$.extend(true,{},{
                currentPageNum:'<div class="currentPageNum"><div class="curNum">10</div><ul class="currentPageNumMenu"><li>10</li><li>20</li><li>30</li></ul></div>',
                pageOne:'<span class="pageOne icon iconfont icon-diyiye"></span>',
                nextPage:'<span class="nextPage icon iconfont icon-sanjiaoright"></span>',
                prevPage:'<span class="prevPage icon iconfont icon-sanjiaoleft"></span>',
                pageLast:'<span class="pageLast icon iconfont icon-zuihouyiye"></span>',
                currentPage:'<input class="currentPage" value="1"/>',
                allPage:'共<span class="allPage ">10</span>页',
                refreshCurPage:'<span class="refreshCurPage icon iconfont icon-shuaxin"></span>',
            },options);
            setEleHtml(elem.$element,'<div class="pagePagination"></div>');
            setEleHtml(elem.$element.find('.pagePagination'),elem.opts.currentPageNum);
            setEleHtml(elem.$element.find('.pagePagination'),elem.opts.pageOne);
            setEleHtml(elem.$element.find('.pagePagination'),elem.opts.nextPage);
            setEleHtml(elem.$element.find('.pagePagination'),elem.opts.prevPage);
            setEleHtml(elem.$element.find('.pagePagination'),elem.opts.pageLast);
            setEleHtml(elem.$element.find('.pagePagination'),elem.opts.allPage);
            setEleHtml(elem.$element.find('.pagePagination'),elem.opts.currentPage);
            setEleHtml(elem.$element.find('.pagePagination'),elem.opts.refreshCurPage);
            function setEleHtml(element,value){
                if(value!='')
                {
                    element.append(value);
                }
            }
        }
    })($,window,undefined)
    $('#pager').pager({});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值