之前已禁用的Jquery绑定事件

Question

我想临时禁用JQuery元素上的click事件，绑定jstree和Backbone.View.delegateEvents（）。

以下是我处理的方法

在禁用事件之前，我使用在本地变量中记录事件

self.defaultClick = $(this).data('events').click[0];

之后，我使用了禁用click事件

$(this).click(false);

现在我需要再次绑定，我将它分配回元素使用

$(this).data('events').click = self.defaultClick;

这很好，直到第二次。

我从JQuery.event.add得到这个错误'对象＃在此行没有方法'push''

handlers.push( handleObj );

问题是'handlers'在第二次赋值后成为事件本身，而在第一次赋值时它是一个数组。

任何想法，我怎么能绕过？ 要么在确定事件已经绑定之后避免重新分配事件，要么可能正在使用其他方式来分配事件？

谢谢您的帮助。

编辑

我在这个应用程序上使用jstree。 我在css类上绑定了特定事件，但是，关于应用程序的状态，我需要能够禁用所有树（包括先前绑定的类）。

Answer 1

为什么不维护一些var来控制事件是否会被执行？ 有点像：

var runEventFor = {};

runEventFor[ "myComponent" ] = true;
$( "#myComponent" ).click(function(evt){
    if ( runEventFor[ $(this).attr("id") ] ) {
        // code to run...
    }
});

如果不执行该事件，只需将runEventFor[ "myComponent" ]为false即可。 我认为在你的情况下，这种方法比bind / unbind事件更简单。

Answer 2

绑定/解除绑定处理程序是昂贵的; 为什么不使用委托事件处理程序，设置为特定类名运行（例如.executeState ） - 然后您可以通过切换类来控制是否运行代码： $(element).toggleClass('executeState');

这样，只有一个处理程序只绑定到document （或您要定位的元素的任何父元素）。

$(document).on('click', '.executeState', function() {
    // handler for click event
});