我需要的是:
var MyEventPointer = $('body').on('MyCustomEvent','.myClass',function(e){
// do something
});
var MyEventPointer2 = $('body').on('MyCustomEvent','.myClass',function(e){
// do something
});
$('body').unbindByEventID(MyEventPointer);
MyEventPointer
是指向特定事件处理程序的指针。即使两个事件处理程序完全相同,但只有一个是未绑定的,因为它们具有不同的唯一标识符,在创建中返回。这应该像我可以在变量中存储对计时器的引用的方式一样工作,并在以后使用其参考再次禁用计时器。我知道JQuery为活动存储了独特的ID,但是我不知道我是否可以找到它们。这是可以与jQuery一起做的,还是我需要扮演自己的解决方案?该活动需要委派,以便包括.myClass
的当前和将来实例。
更新:
示例代码:
<tr><td><input class="MyWidget" /></td></tr>
<tr><td><input class="MyWidget" /></td></tr>
<tr><td><input class="MyWidget" /></td></tr>
<!-- Repeats n times, rows are added and deleted dynamically -->
JavaScript:
// Creation
$('.MyWidget').MyWidget();
// The plugin
$.fn.MyWidget = function (options) {
return this.each(function () {
new ATK.MyWidget(this, options);
});
};
// The widget class
ATK.MyWidget = function (element, options) {
// constructor
}
ATK.MyWidget.prototype = new ATK.ParentWidget();
ATK.MyWidget.prototype.SetFilterEvent = function(Selector) {
var base = this;
$('body').on('MyCustomEvent',Selector,function(e){base.eMyCustomEvent(e,this)});
}
ATK.MyWidget.prototype.eMyCustomEvent = function(e,eventThis) {
console.log(this.protected.$element.attr('id')+' has detected that '+$(eventThis).attr('id')+' has changed.');
}
您可以这样做:
function MyEventPointer1(e){
// do something
});
function MyEventPointer2(e){
// do something
});
$('body').on('MyCustomEvent','.myClass', MyEventPointer1);
$('body').on('MyCustomEvent','.myClass', MyEventPointer2);
$('body').off('MyCustomEvent','.myClass', MyEventPointer1);
更具体地说,在您的课程中,您可以轻松地应用上述模式,并且有效:
ATK.MyWidget.prototype.SetFilterEvent = function(Selector) {
this.event = function(e) {this.eMyCustomEvent(e, this);}
$('body').on('MyCustomEvent',Selector,this.event);
}
ATK.MyWidget.prototype.RemoveFilterEvent = function(Selector) {
$('body').off('MyCustomEvent',Selector,this.event);
}
(您可能需要检查以确保此event并非null并将其设置为构造函数中的null,或者可能更有效地声明此功能。那,但这基本上是工作。)
如果要在元素上使用不同的相同事件,则是指在同一元素上注册多个事件处理程序,则可以使用event namespace
,即。
$('body').on('MyCustomEvent.nameSpaceOne','.myClass',function(e){
// do something
});
$('body').on('MyCustomEvent.nameSpaceTwo','.myClass',function(e){
// do something
});
使用event namespace
卸下第一个处理程序,在这种情况下为; S nameSpaceOne
$('body').off('MyCustomEvent.nameSpaceOne', '.myClass');
。