jquery problème mouseout

Question

mon html

<div id="parent"> 
<div id="child">cx</div> 
</div> 

quand j'utilise jquery

$('#parent').mouseout(function(){ 
//something here 
}); 

Je me demande pourquoi quand ma souris entrer l'enfant div les feux de fonction. Je suis toujours à l'intérieur de div parents. je veux que la fonction mouseout au feu que lorsque je quitte la div parent pas quand je suis sur un enfant div

http://jsbin.com/esiju/ < < exemple

Vive

Answer 1

C'est ce que l'événement mouseleave est pour.

$('#parent').mouseleave(function(){ 
//something here 
}); 

http://api.jquery.com/mouseleave/

Answer 2

Il semble y avoir un peu de différence entre les événements mouseout et mouseover. jimyi a la bonne solution pour votre problème, je voulais juste inclure des liens supplémentaires pour l'exhaustivité.

• quirksmode
• Quick example of mouseout and mouseleave
• What looks like a much more in depth look at the difference between mouseout and mouseleave

Answer 3

.mouseleave fonctionne parfaitement ici:

$("#parent").mouseleave(function(){ 
    //Enter stuff that should happen when mouse leaves 
    //the boundaries of the parent element 
    // NOT including the children 
}); 

.mouseout feux sur la souris sur les éléments enfants!