Question

我注意到Chrome 15和Safari中有关于桌面上的jquery悬停事件的一些奇怪行为。

当我将鼠标从一个单元格移动到另一个单元格（同一行）时，正在发生的事情是chrome正在触发off / on事件。当悬停附加到表格行时，我希望开/关事件仅在行上/下行时触发。

请参阅我的JSFiddle。

在示例中，将鼠标移动到一个单元格结束而另一个单元格开始的位置（颜色发生变化的位置）。

事件似乎在IE和Firefox中正确触发，但Safari和Chrome无法正常触发。也许这是webkit中的一个错误？

Answer 1

我绝对认为这是webkit的一个问题（因为它同时兼具chrome和safari）。

我想我可能有一些工作但是有一些影响：

更改你的css for td：

td {
    background-color: #e0dffe;
    border: none;
    padding: 10px;
    position:relative;
    left:-1px;
}

这具有将每个td元素向左推1像素的效果，从而删除webkit似乎插入的额外1px。正如您将看到这会导致您的边界出现问题，因此您需要使用您的td：first-child，td：last-child css来获取您想要的所有浏览器。我看不出一个简单的答案。