我注意到Chrome 15和Safari中关于tablerow上的
jquery悬停事件的一些奇怪行为.
发生的事情是,当我将鼠标从一个单元格移动到另一个单元格时(同一行中),chrome正在触发关闭/打开事件.当悬停附加到表格行时,我希望开/关事件仅在行上/下行时触发.
请参阅我的JSFiddle.
在示例中,将鼠标移动到一个单元格结束而另一个单元格开始的位置(颜色发生变化的位置).
事件似乎在IE和Firefox中正确触发,但Safari和Chrome没有.也许这是webkit中的一个错误?
最佳答案 我肯定认为这是webkit的一个问题(因为它既有chrome也有safari).
我想我可能有一些工作但是有一些敲击效果:
更改你的css为td:
td {
background-color: #e0dffe;
border: none;
padding: 10px;
position:relative;
left:-1px;
}
这具有将每个td元素向左推1像素的效果,从而移除webkit似乎插入的额外1px.正如您将看到这会导致您的边界出现问题,因此您需要使用您的td:first-child,td:last-child css来获取您想要的所有浏览器.我看不出一个简单的答案.