jquery – 在单元格之间移动时悬停在表格行上

我注意到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来获取您想要的所有浏览器.我看不出一个简单的答案.

点赞