您的位置:首页 > Web前端 > JQuery

jQuery插件开发

2016-07-12 00:00 567 查看
摘要: 两种常见的插件开发方法:第一种是对jQuery进行扩展,另一种是自定义function。正文为两种方式的模板,根据自己需要稍作修改即可。

(function (jQuery) {

jQuery.fn.pluginTest = function (options) {

var defaultVal = {
id : 'list-table',
imgPos : 1,
uri	: '',
callback : ''
};

var obj = $.extend(defaultVal, options);

return this.each(function () {

//TODO 要做的实现

});
}
})(jQuery);

-------------------------------------------------------------------------------------------------------------------------

function pluginTest(options){
var defaultVal = {
id : 'list-table',
imgPos : 1,
uri	: '',
callback : ''
};
var option = $.extend(defaultVal, options);
jQuery("#" + option['id']).each(function(){
//TODO 要做的实现
if(defaultVal['callback'] && typeof defaultVal['callback'] === 'function'){
var res = defaultVal['callback'](value);
});
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jQuery 插件 js