jQuery problema mouseout

Question

mi html

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

cuando se utiliza jQuery

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

me pregunto por qué cuando el ratón entre en el niño div los fuegos de función. todavía estoy dentro de los padres div. Quiero esa función mouseout al fuego solamente cuando deje la div padre no cuando estoy en cualquier div niño

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

Saludos

Answer 1

Esto es lo que el evento es para mouseleave.

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

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

Answer 2

Parece que hay un poco de diferencia entre los eventos mouseout y pasar el ratón. jimyi tiene la solución correcta para su problema, solo quería incluir algunos enlaces adicionales para completar.

• 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 funciona perfectamente aquí:

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

.mouseout incendios en pasar el ratón sobre los elementos secundarios!