我的页面上有一个“帮助”区域,每当用户将鼠标悬停在表格上时,帮助信息都应该更新。问题出在表格中,我在每行的1个单元格中有一个复选框,当用户将鼠标悬停在该复选框上时,我希望复选框的mouseover事件覆盖表事件并显示复选框帮助。目前,表格鼠标悬停工作正常,但是当我将鼠标悬停在复选框上时没有任何反应。如果父元素也有鼠标悬停,如何为子元素设置鼠标悬停事件?
<table class="myTable">
<tr>
<th>Col1</th>
<th>Col2</th>
</tr>
<tr>
<td><input class="myCheckbox" type="checkbox" /></td>
<td>Cell 2</td>
</tr>
<tr>
<td><input class="myCheckbox" type="checkbox" /></td>
<td>Cell 3</td>
</tr>
</table>
<div class="myHelpMenu"></div>
$('.myCheckbox').mouseover(function() {
$('.myHelpMenu').html("this is my checkbox help");
});
$('.myTable').mouseover(function() {
$('.myHelpMenu').html("this is my tables help");
});
+1编码风格 – Popnoodles 2013-03-07 00:03:14
+1为甜蜜的“现场演示”按钮。 – Mercurybullet 2013-03-07 00:08:10
@Mercurybullet :)谢谢哈哈哈,但如果只是按钮“甜蜜”,你可以删除+1 :)(P.S你可以自由使用和滥用:D) – 2013-03-07 00:09:36