基于bootstrap3寻呼和jQuery插件

基于bootstrap3寻呼和jQuery插件
我写一页基于bootstrap3 jQuery分页插件,首先学习jQuery插件的写作,写作是很常见的。退出比赛。
*基于bootstrap3 jQuery分页插件
*调用分为两类
* 1。直接使用
*普通大小
*美元。这(ID,现在,马克斯,FN);
*大尺寸
*美元。mypagelg(ID,现在,马克斯,FN);
*小尺寸
*美元。mypagesm(ID,现在,马克斯,FN);
*
*参数描述:ID身份证放置分页的容器,现在是当前页,马克斯是最大的页面,FN是返回功能,并返回函数有一个参数被点击页码。
*
* 2。选择调整
* $(选择器)。Mypage({
*现在:现在,
*最后一个:最后一个,
*回调:FN,
* max:max,
*第一:第一,
*风格,风格
* };
*参数描述:现在对于当前页面,马克斯是最大的回调回调函数,回退函数有一个用于单击页面的参数,样式可选参数,大和小
*
*当最大页为1时,将不显示该页。当首页设置小于1时,默认值为1,当当前页大于最大页时,最大页是最大页。
*在参考这个JS引用jQuery JS文件和CSS文件bootstrap3
*
* /
(函数($){)
美元。fn.mypage =功能(选项){
var默认值= {
现在:1,
马克斯:1,
回调函数:null,
样式:null,
首先:
最后:
}
var选项=扩展(默认值,选项);
this.each(函数(){()
选项。马克斯= math.round(选项。最大);
选择。现在= math.round(选项。现在);
如果(选项。max <= 1 | | isnan(选项。最大)| | isnan(选项。现在))返回;
选择。现在=选项。nowoptions。maxoptions。麦克斯:options.now;
Var mainbox=$(this).Html ();
无功page_box = $()。AddClass(分页)。AppendTo(邮箱);
如果(options.style!= null)page_box.addclass(选项。风格= = 大分页LG):选项。风格= = 小分页SM:选择风格)。
无功page_back = $(+选项。第一+)AppendTo(page_box);
如果(选项。现在= = 1)page_back.addclass(禁用);
其他page_back.on(点击),功能({ if(typeof options.callback =功能)options.callback(1);})
无功page_next = $(+选项。最后+ );
如果(选项。现在= =选项。最大)page_next.addclass(禁用);
其他page_next.on(点击),功能({ if(typeof options.callback =功能)options.callback(选项。最大);})
无功page_now = $(+选项。现在+)。AddClass(主动);
如果(选项= max=10)
对于(var i = 1;i < = options.max;i++)美元。mypageinsertitem(我,options.now,page_now,page_box,选项。回调);
其他的
如果(选项。现在< 5){
对于(var i = 1;i < = 6;i++)美元。mypageinsertitem(我,options.now,page_now,page_box,选项。回调);
mypageinsertother(page_box)美元;
否则如果(选项max选项,现在< 4){
mypageinsertother(page_box)美元;
对于(var i = options.max-5;我< = options.max;i++)美元。mypageinsertitem(我,options.now,page_now,page_box,选项。回调);
其他{ }
mypageinsertother(page_box)美元;
对于(var i = options.now-2;我<=选项。现在+ 2;i++)美元。mypageinsertitem(我,options.now,page_now,page_box,选项。回调);
mypageinsertother(page_box)美元;
}
page_next.appendto(page_box);
})
},
美元。mypageinsertitem =功能(我,现在,page_now,page_box,FN){
如果(i)!现在美元=)(+我+ ),(点击),功能({ if(typeof FN =函数)FN($(this)。文本(。appendto));})(page_box);
其他page_now.appendto(page_box);
},
美元。mypageinsertother =功能(page_box){
($ …),AddClass(禁用)。AppendTo(page_box);
},
美元。中国=功能(ID,现在,马克斯,FN){ $(#+身份证(。myPage){现在:现在,最大:最大,回调:FN })},
美元。mypagesm =功能(ID,现在,马克斯,FN){ $(#+身份证(。myPage){现在:现在,最大:最大,回调:FN,风格:分页SM})},
美元。mypagelg =功能(ID,现在,马克斯,FN){ $(#+身份证(。myPage){现在:现在,最大:最大,回调:FN,风格:分页LG})}
}(jQuery);
以上是本文的全部内容,希望能对您学习jQuery有帮助。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部