jquery mouseout Problem

Question

meine html

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

Wenn ich jquery

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

Ich frage mich, warum, wenn meine Maus eingeben das Kind die Funktion Feuer div. ich bin immer noch in Mutter div. Ich möchte, dass mouseout Funktion nur feuern, wenn ich das übergeordnete div verlassen nicht, wenn ich auf jedes Kind bin div

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

Prost

Answer 1

Dies ist, was die mouseleave Aktion ist für die.

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

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

Answer 2

.mouseleave funktioniert perfekt hier:

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

.mouseout Feuer auf mousing über Kind-Elemente!

Answer 3

Es scheint ein wenig Unterschied zwischen dem mouseout und Mouseover-Ereignissen. jimyi die richtige Lösung für Ihr Problem hat, ich wollte nur ein paar zusätzliche Links auf Vollständigkeit aufzunehmen.

• Quirksmode
• Schnell Beispiel mouseout und mouseleave
• Was den Unterschied wie ein viel mehr in die Tiefe Blick sieht zwischen mouseout und mouseleave