jquery - jquery 事件在项目的上一个类上触发

Question

我在 div.class 上使用 jquery 函数。在函数中，我更改了 $(this) 上的类，以便每个 div 只能调用一次该函数。使用 Firefox Web 开发人员选项检查元素会显示该类已更改，但原始类的单击事件仍将在具有新类的元素上触发。代码如下；我也尝试用 toggleClass 来实现这一点，结果完全相同。有什么建议么？

$('div.cluebox').click(function(e) {        
    $( this ).removeClass("cluebox").addClass("emptyBox");;     
});

谢谢

Answer 1

当您将一个事件 ( click) 绑定到一个对象时，该事件将一直绑定到它，直到您取消绑定它为止。您也许可以简单地使用该on功能而不是click()

Answer 2

如果你想绑定事件一次使用 jQueryone()

http://api.jquery.com/one/

Answer 3

尝试：

$('div.cluebox').click(function(e) {        
    $( this ).removeClass("cluebox").addClass("emptyBox");
    $( this).off("click");
});