我无法将自定义事件添加到 jQuery 插件。
我制作了一个非常简单的 jQuery 插件,从中触发了一个事件,但附加的处理程序无法正确触发:http: //jsfiddle.net/FhqNf/2/
(function($) {
var my_plugin = function(link, opts) {
var $this = this, img, o={};
defaults = {
color: 'rgb(255, 0, 0)'
};
$.extend(this, $.fn, {
init : function () {
o = $.extend(defaults, opts);
link.on('click', $this.changeColor);
},
changeColor : function (e) {
if( link.css('color') == o.color)
link.css('color', 'blue');
else
link.css('color', o.color);
$this.triggerChange();
},
triggerChange : function () {
$this.triggerHandler('custom', {test: 'ok', color: o.color} );
}
});
this.init();
};
$.fn.my_plugin = function(opts) {
return new my_plugin(this, opts);
};
然后,如果我使用我的插件并将一个函数附加到我的“自定义”事件处理程序,则该事件不会触发:
var test1 = $('#test1').my_plugin();
test1.on('custom', function (data) { console.log(data); alert('test1') } );
编辑:一种解决方法是在“链接”dom对象上附加/触发事件,但我想触发附加到我的插件实例的事件。这不可能吗?
提前致谢。