すべての子要素から発射するjQuery mouseoutイベントの取得

Question

私はdivの中に8つの画像を含むテーブルを持っていますが、テーブルやdivのmouseoutイベントを発生させたいが起動しません。これは、マウスが実際に画像、または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イベントが早期に発生する可能性があります。

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"); 
});