質問

私は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");
});
ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top