/* 一个简单的分页,每次点击重渲染 ******by wuati***** */ (function ($) { //默认参数 (放在插件外面,避免每次调用插件都调用一次,节省内存) var defaults = { //id : '#paging',//id page:1, leng: 9,//总页数 activeClass: 'page-active' ,//active类 firstPage: '首页',// lastPage: '末尾', prv: '上一页', next: '下一页', clickBack:function(){ } }; var opts,myOptions; //扩展 $.fn.extend({ //插件名称 page: function (options) { //覆盖默认参数 myOptions = options opts = $.extend(defaults, options); // console.log(opts,998,this) //主函数 return this.each(function () { //激活事件 var obj = $(this); var str1 = ''; var str = ''; var l = opts.leng; if (l > 1&&l < 10) { str1 = '
  • 1
  • '; for (i = 2; i < l + 1; i++) { str += '
  • ' + i + '
  • '; } }else if(l > 9){ str1 = '
  • 1
  • '; for (i = 2; i < 10; i++) { str += '
  • ' + i + '
  • '; } //str += '
  • ...
  • ' } else { str1 = '
  • 1
  • '; } obj.html('
    ' + opts.lastPage + '
    ' + opts.firstPage + '
    ' + opts.prv + '
    '); obj.on('click', '.next', function () { var pageshow = parseInt($('.' + opts.activeClass).html()); if(pageshow==l){ return false; } if(pageshow == l) { }else if(pageshow > l-5&&pageshow < l){ $('.' + opts.activeClass).removeClass(opts.activeClass).parent().next().find('a').addClass(opts.activeClass); }else if(pageshow > 0&&pageshow < 6){ $('.' + opts.activeClass).removeClass(opts.activeClass).parent().next().find('a').addClass(opts.activeClass); }else { $('.' + opts.activeClass).removeClass(opts.activeClass).parent().next().find('a').addClass(opts.activeClass); fpageShow(); } opts.clickBack(pageshow+1) }); obj.on('click', '.prv', function () { var pageshow = parseInt($('.' + opts.activeClass).html()); if (pageshow == 1) { return false; }else if(pageshow > l-5&&pageshow < l+1){ $('.' + opts.activeClass).removeClass(opts.activeClass).parent().prev().find('a').addClass(opts.activeClass); //this.fpageBranch(pageshow-1); }else if(pageshow > 1&&pageshow < 6){ $('.' + opts.activeClass).removeClass(opts.activeClass).parent().prev().find('a').addClass(opts.activeClass); //this.fpageBranch(pageshow-1); }else { $('.' + opts.activeClass).removeClass(opts.activeClass).parent().prev().find('a').addClass(opts.activeClass); //this.fpageBranch(pageshow-1); fpageShow(); } opts.clickBack(pageshow-1) }); obj.on('click', '.first', function(){ var pageshow = 1; var nowshow = parseInt($('.' + opts.activeClass).html()); if(nowshow==1){ return false; } $('.' + opts.activeClass).removeClass(opts.activeClass).parent().prev().find('a').addClass(opts.activeClass); fpagePrv(0); opts.clickBack(pageshow) }) obj.on('click', '.last', function(){ var pageshow = l; var nowshow = parseInt($('.' + opts.activeClass).html()); if(nowshow==l){ return false; } if(l>9){ $('.' + opts.activeClass).removeClass(opts.activeClass).parent().prev().find('a').addClass(opts.activeClass); fpageNext(8); }else{ $('.' + opts.activeClass).removeClass(opts.activeClass).parent().prev().find('a').addClass(opts.activeClass); fpageNext(l-1); } opts.clickBack(pageshow) }) var offon = false; console.log(offon) obj.on('click', 'li', function(){ var $this = $(this); var pageshow = parseInt($this.find('a').html()); var nowshow = parseInt($('.' + opts.activeClass).html()); // console.log(l,256) if(pageshow==nowshow){ return false; } if(l>9){ console.log(1234567,pageshow,l) if(pageshow > l-5&&pageshow < l+1){ $('.' + opts.activeClass).removeClass(opts.activeClass); $this.find('a').addClass(opts.activeClass); fpageNext(8-(l-pageshow)); }else if(pageshow > 0&&pageshow < 5){ $('.' + opts.activeClass).removeClass(opts.activeClass); $this.find('a').addClass(opts.activeClass); fpagePrv(pageshow-1); }else{ $('.' + opts.activeClass).removeClass(opts.activeClass); $this.find('a').addClass(opts.activeClass); fpageShow(); } }else{ // console.log(123456) $('.' + opts.activeClass).removeClass(opts.activeClass); $this.find('a').addClass(opts.activeClass); } console.log(offon) //首次默认阻止 if(!offon && opts.page>1){ offon = true; return false; } opts.clickBack(pageshow) }); function fpageShow(){ var pageshow = parseInt($('.' + opts.activeClass).html()); var pageStart = pageshow - 4; var pageEnd = pageshow + 5; var str1 = ''; for(i=0;i<9;i++){ str1 += '
  • ' + (pageStart+i) + '
  • ' } obj.find('ul').html(str1); obj.find('ul li').eq(4).find('a').addClass(opts.activeClass); } function fpagePrv(prv){ var str1 = ''; if(l>8){ for(i=0;i<9;i++){ str1 += '
  • ' + (i+1) + '
  • ' } }else{ for(i=0;i' } } obj.find('ul').html(str1); obj.find('ul li').eq(prv).find('a').addClass(opts.activeClass); } function fpageNext(next){ var str1 = ''; if(l>8){ for(i=l-8;i' } obj.find('ul').html(str1); obj.find('ul li').eq(next).find('a').addClass(opts.activeClass); }else{ for(i=0;i' } obj.find('ul').html(str1); obj.find('ul li').eq(next).find('a').addClass(opts.activeClass); } } //默认当前页 if(opts.page>1){ $('#pagingUl li').eq(opts.page-1).click(); } }); }, setLength: function(newLength){ myOptions.leng = newLength $(this).html('') $(this).unbind() $(this).page(myOptions) } }) })(jQuery);
    • 返回顶部
    • 轻松购物,操作容易
    • 品牌汇聚,简单销售
    • 优质低价,省钱法宝