jquery - 将鼠标悬停在表格行上在单元格之间移动时触发

Question

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

发生的情况是，当我将鼠标从一个单元格移动到下一个单元格(在同一行中)时，chrome 会触发关闭/打开事件。由于悬停附加到表行，我希望开/关事件仅在移入/移出行时触发。

请查看我的JSFiddle .

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

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

Answer 1

我绝对认为这是 webkit 的问题(这是有道理的，因为它既是 chrome 又是 safari)。

我认为我有一个可能的解决方法，但会产生一些链式 react :

更改 td 的 CSS:

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

这会将每个 td 元素向左推 1 像素，从而消除 webkit 似乎插入的额外 1 像素。正如您将看到的，这会导致您的边框出现问题，因此您需要使用 td:first-child、td:last-child css 来在所有浏览器中获得您想要的内容。我看不到简单的答案。