Получение события jQuery mouseout для запуска всех дочерних элементов

Question

У меня есть таблица внутри Div, содержащая 8 изображений, я хочу запустить событие mouseout для таблицы или div, но она не срабатывает. Я предполагаю, что это потому, что мышь на самом деле оставляет каждое изображение, или td, или tr и т. Д. ... есть способ получить событие mouseout для всей таблицы, чтобы она распространялась так, чтобы она срабатывала даже от дочерних элементов? Разметка прямо вперед:

<div id=container> 
    <table id="tbl"> 
    <tr> 
     <td><img src=""></td> 
     <td><img src=""></td> 
     <td><img src=""></td> 
     <td><img src=""></td> 
    </tr> 
    <tr> 
     <td><img src=""></td> 
     <td><img src=""></td> 
     <td><img src=""></td> 
     <td><img src=""></td> 
    </tr> 
    </table> 
</div> 

и мой JQuery код:

$("#tbl").mouseout(function(){ 
    alert("out home"); 
}); 

Я не могу стрелять отдельную MouseOut события для изображений, потому что иногда совершенно размещены элементы над ними, которая приводит к тому, событие mouseout должно быть уволено преждевременно.

Answer 1

Должно быть:

$("#tbl").mouseout(function(){ 
    alert("out home"); 
}); 

Вы пропустили "#". Если вы хотите только изображения, попробуйте:

$("#tbl >img").mouseout(function(){ 
    alert("out home"); 
}); 

PS. Вы считали, что вместо этого используете $ ("..."). Hover()?

Answer 2

Разве вы не должны использовать #tbl для выбора таблицы?

$("#tbl").mouseout(function(){ 
    alert("out home"); 
}); 

Answer 3

Используйте mouseleave событие, которое имеет точно такую ​​же функциональность, но это не срабатывает с дочерними элементами.

$("#tbl").bind("mouseleave",function(){ 
    alert("out home"); 
});