Supprimer un événement et le redéfinir

Question

J'ai un événement mouseover et un événement mouseout dans un menu qui affiche/masque un menu déroulant.

Ce menu déroulant contient d'autres éléments de menu, et je souhaite (lorsqu'on clique dessus) supprimer l'événement de sortie de souris sur la cible qui affichait le menu. Mais une fois qu'une autre cible est cliquée, je souhaite réactiver cet événement. J'espère que je l'ai bien expliqué.

C'est le JavaScript:

$(document).ready(function() { 
    $("#menu ul > li").not(".parenttocurrent").not(".current").mouseover(function() { 
     $(this).find(".menu_content").stop().fadeTo('fast', 1).show(); 
    }).mouseout(function() { 
     $(this).find(".menu_content").stop().fadeTo('fast', 0, function() { 
      $(this).hide(); 
     }); 
    }); 
}); 

Je dois arrêter de cet événement sur mouseout, si l'un des éléments est cliquée. Vous pouvez voir une démo ici: http://arcticbusinessnetwork.com.web18.curanetserver.dk/home.aspx

Answer 1

Affectez au gestionnaire d'événements des fonctions séparées (non anonymes) et utilisez bind pour les lier et délier pour les annuler.