如何删除Jquery中的所有Click事件处理程序

Question

我遇到了问题。 基本上，当用户单击页面上的“编辑”链接时，将运行以下Jquery代码：

$("#saveBtn").click(function () {
    saveQuestion(id);
});

通过这样做，保存按钮的onClick事件调用saveQuestion()方法并传递单击“编辑”链接的问题的ID。

但是如果在同一个会话中用户单击2个问题上的编辑，那么它不会覆盖之前的click事件处理程序，而是会导致2个事件处理程序运行，一个可能调用saveQuestion(1)而另一个可能调用saveQuestion(2) 。 通过这样做，1个问题会覆盖另一个问题。

有没有办法删除已分配给按钮的所有先前click事件？

Answer 1

您可以使用off（）来删除这样的事件：

$("#saveBtn").off("click");

但这将删除绑定到此元素的所有单击事件 。 如果具有SaveQuestion的函数是唯一绑定的事件，则上述操作将执行此操作。 如果不这样做：

$("#saveBtn").off("click").click(function() { saveQuestion(id); });

Answer 2

有没有办法删除已分配给按钮的所有先前点击事件？

$('#saveBtn').unbind('click').click(function(){saveQuestion(id)});

Answer 3

$('#saveBtn').off('click').click(function(){saveQuestion(id)});

Answer 4

如果你用过...

$(function(){
    function myFunc() {
        // ... do something ...
    };
    $('#saveBtn').click(myFunc);
});

......那么以后解开会更容易。

Answer 5

$('#saveBtn').off('click').on('click',function(){
   saveQuestion(id)
});

使用jQuery的关闭和上