jqueryで単一undelegateメソッドを使用して複数のイベントデリゲートを削除する方法

Question

'undelegate'を2回使用する代わりに）次のように簡単にすることはできますか？

$("#div1").undelegate("div", "mouseenter").undelegate("div", "mouseleave"); 

mouseenterとmouseleave以外のイベントハンドラが邪魔になることはありません。

Answer 1

イベントをスペースで区切ります。

$("#div1").undelegate("div", "mouseenter mouseleave"); 

あなたはしかしonとoffを使用する必要があります。

$("#div1").off("mouseenter mouseleave", "div"); 

http://api.jquery.com/undelegate/

.undelegate（）メソッドは、.delegate（）を使用して 結合されているイベントハンドラを除去する方法です。 jQuery 1.7以降、.on（）および.off（） メソッドは、イベントハンドラの接続および削除に適しています。

Answer 2

は、この特定のケースでは、mouseenterとmouseleaveのための速記.hover()を使用することができます。

​$("#div1").off("hover", "div"); 

.off()のjQuery 1.7のように、イベントハンドラを削除するための推奨される方法です。