すべての子要素から発射するjQueryのマウスアウトイベントを取得
-
06-09-2019 - |
質問
私は8枚の画像を含む、本部の内部テーブルを持って、私はテーブルやdiv要素のいずれかのためにマウスアウトイベントを発生しますが、それは発生しません。それも発射されるように、テーブル全体がアップ伝播するために、私はマウスが実際に画像のそれぞれを残し、またはTD、またはTRなどをされているため、これは推測している...マウスアウトイベントを取得する方法があります子要素から?マークアップは単純です:
<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");
});
マウスアウトイベントが途中で解雇されるようになり、それらの上に、時には絶対配置の要素があるので、私はイメージのため、個々のマウスアウトイベントを起動することはできません。
正しい解決策はありません
他のヒント
にする必要があります:
$("#tbl").mouseout(function(){
alert("out home");
});
あなたは "#" を見逃しています。 あなたがイメージだけをしたい場合は、試してみてください。
$("#tbl >img").mouseout(function(){
alert("out home");
});
PS。あなたは$( "...")を使用することが考えられなかった。その代わり、)(ホバー?
あなたがテーブルを選択する#tblを使うべきではないでしょうか。
$("#tbl").mouseout(function(){
alert("out home");
});
まったく同じ機能を持っていますが、それは、子要素で発生しませんmouseleave
イベントを使用します。
$("#tbl").bind("mouseleave",function(){
alert("out home");
});
所属していません StackOverflow