希望我下面的代码说明一切。 HTML:

(function($){ $("#btn_add").on("click",function(){ $("#btn_click").on("click",added_handler); alert("Added new handler to button 1"); }); $("#btn_remove").on("click",function(){ $("#btn_click").off("click",added_handler); alert("Removed new handler to button 1"); }); function fixed_handler(){ alert("Fixed handler"); } function added_handler(){ alert("new handler"); } $("#btn_click").on("click",fixed_handler); $("#btn_fixed").on("click",fixed_handler); })(jQuery); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button id="btn_click">Button 1</button> <button id="btn_add">Add Handler</button> <button id="btn_remove">Remove Handler</button> <button id="btn_fixed">Fixed Handler</button>

你可以添加onclick处理程序作为内联标记:

<input id="addreport" type="button" value="Add New Report" onclick="openAdd()" />

如果是这样，jquery .off()或.unbind()将不起作用。你需要在jquery中添加原始的事件处理程序:

$("#addreport").on("click", "", function (e) {
   openAdd();
});

然后jquery有一个事件处理程序的引用，可以删除它:

$("#addreport").off("click")

VoidKing在上面的评论中更间接地提到了这一点。

也许解绑定方法对您有用

$("#myimage").unbind("click");

删除所有事件处理程序，这对我来说是有效的:

删除所有事件处理程序意味着使用纯HTML结构，而不将所有事件处理程序附加到元素及其子节点。为此，jQuery的clone()提供了帮助。

var original, clone;
// element with id my-div and its child nodes have some event-handlers
original = $('#my-div');
clone = original.clone();
//
original.replaceWith(clone);

这样，我们就有了一个没有事件处理程序的克隆版本来代替原始版本。

祝你好运…

如果事件以这种方式附加，目标将被解除附加:

$('#container').on('click','span',function(eo){
    alert(1);

    $(this).off(); //seams easy, but does not work

    $('#container').off('click','span'); //clears click event for every span

    $(this).on("click",function(){return false;}); //this works.

});​

如果你只想响应一个事件一次，下面的语法应该很有帮助:

 $('.myLink').bind('click', function() {
   //do some things

   $(this).unbind('click', arguments.callee); //unbind *just this handler*
 });

使用参数。被调用者，我们可以确保删除一个特定的匿名函数处理程序，因此，对于给定的事件只有一个时间处理程序。希望这能帮助到其他人。