Cómo eliminar delegados de múltiples eventos utilizando el método de undelegar único en jquery

Question

¿Puedo hacer que lo siguiente sea mucho más simple (en lugar de usar 'undelegate' dos veces)?

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

No deseo que los controladores de eventos que no sean mouseenter y mouseleave se molesten.

Answer 1

Divida sus eventos con espacios.

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

Debe utilizar on y off sin embargo.

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

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

El método .undelegate() es una forma de eliminar los controladores de eventos que han sido atado utilizando .delegate(). A partir de jQuery 1.7, se prefieren los métodos .on() y .off() para adjuntar y eliminar manejadores de eventos.

Answer 2

En este caso específico, puede utilizar la abreviatura .hover() para mouseenter y mouseleave.

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

.off() es el método recomendado para la eliminación de controladores de eventos como de jQuery 1.7.