我想写一个这样的组件(或插件)
我写的时候:
var a = new myPluginName ('#myElement', { bla:bla});
或
$('#myElement').myPluginName();
必须创建两个输入。就这样。 我怎样才能做到这一点?你能给我一个这样的例子吗?或者任何想法都会有所帮助。
换句话说,我的目标是用我的组件创建两个输入。
谢谢。
答案 0 :(得分:2)
您可以像这样创建自定义jQuery插件:
(function($){
$.fn.extend({
//plugin name - inpuX
inputX: function(options) {
var defaults = {
width: 200,
defaultPadding: 2,
border: '2px solid red'
};
var options = $.extend(defaults, options);
return this.each(function() {
var o =options;
var obj = $(this);
$(obj)
.css('padding', o.defaultPadding)
.css('width', o.width)
.css('border', o.border)
.css('display', 'block');
});
}
});
})(jQuery);
然后像这样调用它:
$('#inputA').inputX({width: 150, defaultPadding:5, border: '1px dashed black'});
$('#inputB').inputX({width: 200, defaultPadding:10});
关于html中的元素:
<input id="inputA" type="text" />
<input id="inputB" type="text" />