前端怎么用bootstrap做省略分页

2025-04-16 15:44:58
推荐回答(1个)
回答1:

(function($){
var ms = {
init:function(totalsubpageTmep,args){
return (function(){
ms.fillHtml(totalsubpageTmep,args);
ms.bindEvent(totalsubpageTmep,args);
})();
},
//填充html
fillHtml:function(totalsubpageTmep,args){
return (function(){
totalsubpageTmep="";
// 页码大于等于4的时候,添加第一个页码元素
if(args.currPage!=1 && args.currPage>=4 && args.totalPage!=4) {
totalsubpageTmep += "

  • "+1+"
  • ";
    }
    /* 当前页码>4, 并且<=总页码,总页码>5,添加“···”*/
    if(args.currPage-2>2 && args.currPage<=args.totalPage && args.totalPage>5) {
    totalsubpageTmep += "
  • ...
  • ";
    }
    /* 当前页码的前两页 */
    var start = args.currPage-2;
    /* 当前页码的后两页 */
    var end = args.currPage+2;

    if((start>1 && args.currPage<4) || args.currPage==1) {
    end++;
    }
    if(args.currPage>args.totalPage-4 && args.currPage>=args.totalPage) {
    start--;
    }
    for(; start<=end; start++) {
    if(start<=args.totalPage && start>=1) {
    totalsubpageTmep += "
  • "+start+"
  • ";
    }
    }
    if(args.currPage+2=1 && args.totalPage>5) {
    totalsubpageTmep += "
  • ...
  • ";
    }

    if(args.currPage!=args.totalPage && args.currPage totalsubpageTmep += "
  • "+args.totalPage+"
  • ";
    }
    $(".pagination").html(totalsubpageTmep);
    })();
    },
    //绑定事件
    bindEvent:function(totalsubpageTmep,args){
    return (function(){
    totalsubpageTmep.on("click","a.geraltTb_pager",function(event){
    var current = parseInt($(this).text());
    ms.fillHtml(totalsubpageTmep,{"currPage":current,"totalPage":args.totalPage,"turndown":args.turndown});
    if(typeof(args.backFn)=="function"){
    args.backFn(current);
    }
    });
    })();
    }
    }
    $.fn.createPage = function(options){
    ms.init(this,options);
    }
    })(jQuery);