如何使用基于jQuery的插件模板？
- 内容介绍
- 文章标签
- 相关推荐
本文共计132个文字，预计阅读时间需要1分钟。
javascript// temp.js // jQuery插件模板(function($) { $.fn.ui=function(o) { // 默认参数 var def={ width: 180, height: 220, onselected: function() {} }; // 绑定参数 $.extend(def, o); var me; var _style={}; // 返回this return this.each(function() { // ... }); };})();
//jquery插件模板 (function($){ $.fn.ui = function(o) { //参数 var def = { width:180, height:220, onselected:function(){} //选择后事件 }; //绑定参数 $.extend(def,o); var me; var _style = {}; //样式 return this.each(fucntion(e){ me = jQuery(this); _clear(); me.css('width',def.width); //初始化 _initMain(); //绑定函数 me.bind('setUi',function(e,text){ jQuery(input).val(text); }); return me; }); //函数 function _initMain() { // body... } function _clear() { } //绑定函数 $.fn.getUi = function() { return jQuery().attr().val(); } } })(jQuery)
本文共计132个文字，预计阅读时间需要1分钟。
javascript// temp.js // jQuery插件模板(function($) { $.fn.ui=function(o) { // 默认参数 var def={ width: 180, height: 220, onselected: function() {} }; // 绑定参数 $.extend(def, o); var me; var _style={}; // 返回this return this.each(function() { // ... }); };})();
//jquery插件模板 (function($){ $.fn.ui = function(o) { //参数 var def = { width:180, height:220, onselected:function(){} //选择后事件 }; //绑定参数 $.extend(def,o); var me; var _style = {}; //样式 return this.each(fucntion(e){ me = jQuery(this); _clear(); me.css('width',def.width); //初始化 _initMain(); //绑定函数 me.bind('setUi',function(e,text){ jQuery(input).val(text); }); return me; }); //函数 function _initMain() { // body... } function _clear() { } //绑定函数 $.fn.getUi = function() { return jQuery().attr().val(); } } })(jQuery)