自己写的一款基于bootstrap3和jquery的分页插件,初学jquery插件写法,写的很一般。拿出来献丑了。
options.max?options.max:options.now;
var mainbox=$(this).html("");
var page_box= $(" ").appendTo(page_box);
if(options.now==1) page_back.addClass("disabled");
else page_back.on("click",function(){if(typeof options.callback === "function")options.callback(1);})
var page_next=$(" ");
if(options.now==options.max) page_next.addClass("disabled");
else page_next.on("click",function(){if(typeof options.callback === "function")options.callback(options.max);})
var page_now=$(" ").addClass("active");
if(options.max<=10)
for(var i=1;i<=options.max;i++) $.mypageInsertItem(i,options.now,page_now,page_box,options.callback);
else
if(options.now<5){
for(var i=1;i<=6;i++) $.mypageInsertItem(i,options.callback);
$.mypageInsertOther(page_box);
}else if(options.max-options.now<4){
$.mypageInsertOther(page_box);
for(var i=options.max-5;i<=options.max;i++) $.mypageInsertItem(i,options.callback);
}else{
$.mypageInsertOther(page_box);
for(var i=options.now-2;i<=options.now+2;i++) $.mypageInsertItem(i,options.callback);
$.mypageInsertOther(page_box);
}
page_next.appendTo(page_box);
})
},$.mypageInsertItem=function(i,fn){
if(i!=now) $(" ").on("click",function(){if(typeof fn === "function")fn($(this).text());}).appendTo(page_box);
else page_now.appendTo(page_box);
},$.mypageInsertOther=function(page_box){
$(" ").addClass("disabled").appendTo(page_box);
},$.mypage=function(id,fn){$("#"+id).mypage({now:now,max:max,callback:fn})},$.mypagesm=function(id,callback:fn,style:"pagination-sm"})},$.mypagelg=function(id,style:"pagination-lg"})}
})(jQuery);
以上所述就是本文的全部内容了,希望对大家学习jQuery能够有所帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。