用jQuery实现分页插件共享

用jQuery实现分页插件共享
一个简单的jQuery分页插件兼容AMD的规范和requirejs。
* jQuery分页插件
**
函数(工厂){)
如果(typeof定义为功能的定义。AMD){
/ AMD模式
定义({、工厂);
{人}
全局模型
工厂(jQuery);
}
}(函数($){

对mypageplugin / /构造函数的定义
mypageplugin =功能(ELE,选项){
lsaquo ; / /本。viewhtml =页面,页面rsaquo;;
这。viewhtml = lsaquo;页面,页面常见的rsaquo;

这个$元素=元素;
/ *参数:页:当前页,共页,总页数:onpaged回调函数,回调函数在页面。
this.defaults = { {
页数:1,
总页数:1,
onpaged:功能(帕基诺){ }
};
this.options(this.defaults,美元。延长= {},选项);

}
对mypageplugin / /方法的定义
mypageplugin.prototype = { {
InitPlugin:函数(){
这element.empty美元();
这element.append美元(这个。viewhtml);
This.options.onPaged(这个选项。页); / /初始化
这element.find美元(。curpagenospan)。文本(这个选项。页);
这element.find美元(。curpagenospan )数据(选项。
这element.find美元(。allpagecountspan)。文本(这个选项。总页数);
这element.find美元(。firstpageli ),(单击

VaR科尔诺=美元(e.currenttarget)。母(div.pageplugin ),(。curpagenospan )文本();
科尔诺= parseInt(科尔诺);
如果(科尔诺= = 1){
返回false;
其他{ }

$(e.currenttarget)。母(div.pageplugin ),(。curpagenospan)。数据(选项),OnPaged(1);
$(e.currenttarget)。母(div.pageplugin ),(。curpagenospan )文本(1);
}
返回false;
});
这element.find美元(。prevpageli ),(单击
VaR科尔诺=美元(e.currenttarget)。母(div.pageplugin ),(。curpagenospan )文本();
科尔诺= parseInt(科尔诺);
如果(科尔诺= = 1){
返回false;
其他{ }
$(e.currenttarget)。母(div.pageplugin ),(。curpagenospan)。数据(选项),OnPaged(curno-1);
$(e.currenttarget)。母(div.pageplugin ),(。curpagenospan )的文本(curno-1);
}
返回false;
});
这element.find美元(。nextpageli ),(单击
VaR科尔诺=美元(e.currenttarget)。母(div.pageplugin ),(。curpagenospan )文本();
科尔诺= parseInt(科尔诺);
无功总页数= $(e.currenttarget)。母(div.pageplugin ),(。allpagecountspan )文本();
总页数= parseInt(总页数);
如果(科尔诺= =总页数){
返回false;
其他{ }
$(e.currenttarget)。母(div.pageplugin ),(。curpagenospan)。数据(选项)。OnPaged(科尔诺+ 1);
$(e.currenttarget)。母(div.pageplugin ),(。curpagenospan )文本(科尔诺+ 1);
}
返回false;
});
这element.find美元(。lastpageli ),(单击
VaR科尔诺=美元(e.currenttarget)。母(div.pageplugin ),(。curpagenospan )文本();
科尔诺= parseInt(科尔诺);
无功总页数= $(e.currenttarget)。母(div.pageplugin ),(。allpagecountspan )文本();
总页数= parseInt(总页数);
如果(科尔诺= =总页数){
返回false;
其他{ }
$(e.currenttarget)。母(div.pageplugin ),(。curpagenospan)。数据(选项),OnPaged(总页数);
$(e.currenttarget)。母(div.pageplugin ),(。curpagenospan )文本(总页数);
}
返回false;
});

}
}
美元。fn.pageplugin =功能(可选){
无功pageplugin =新MyPagePlugin(这个选项);
PagePlugin.initPlugin();
};
});

CSS
{。pageplugin
显示:内联块;
border: 1px solid # cdcdcd的十四行诗;
边界半径:3px;}

pageplugin {。
光标:指针;
显示块;
浮点数:左;
宽度:20px;
身高:20px;
大纲:无;
边境:1px solid # cdcdcd的十四行诗;
左边界:1px solid # cdcdcd的十四行诗;
颜色:# 767676;
垂直对齐:中间;
文本对齐:中心;
文字装饰:无;
字体粗细:粗体;
字体大小:16px;
字体家庭:'times新时代,罗马,格鲁吉亚,Palatino;
背景颜色:# f7f7f7;
需要一个更好的字体栈 / *经办人:
背景颜色:# f7f7f7;
背景图像:-webkit-gradient(线性,左上,左下,色站(0%,# f3f3f3),颜色停止(100%,浅灰色));
背景图像:WebKit的线性梯度(# f3f3f3,浅灰色);
背景图像:线性梯度(# f3f3f3,浅灰色);*
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部