一个简单的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,浅灰色);*