Проблема с jQuery mouseout

my html

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

когда я использую jquery

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

Интересно, почему, когда моя мышь вводит дочерний div, функция срабатывает. Я все еще внутри родительского div. я хочу, чтобы функция mouseout срабатывала только тогда, когда я покинул родительский div, когда я не нахожусь на дочернем div

http://jsbin.com/esiju/ < < Пример

Приветствия

Ответ 1

Это событие mouseleave для.

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

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

Ответ 2

.mouseleave отлично работает здесь:

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

.mouseout срабатывает при мышеловке над дочерними элементами!

Ответ 3

Кажется, что разница между событиями mouseout и mouseover немного отличается. У jimyi есть правильное решение для вашей проблемы, я просто хотел включить некоторые дополнительные ссылки для полноты.