Jquery 在单元格之间移动时，将鼠标悬停在表格行上

我注意到Chrome15和Safari中关于tablerow上jquery悬停事件的一些奇怪行为

当我将鼠标从一个单元格移动到下一个单元格时（在同一行中），chrome正在触发关闭/打开事件。由于悬停被附加到表行，我希望开/关事件仅在打开/关闭行时触发

请看我的

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

---

IE和Firefox中的事件似乎正确，但Safari和Chrome却没有。也许这是webkit中的一个bug？

我肯定认为这是webkit的一个问题（因为它同时是chrome和safari）

我想我有一个可能的解决办法，但有一些连锁反应：

更改td的css：

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

---

这样做的效果是将每个td元素向左推1个像素，删除webkit似乎插入的额外1px。正如您将看到的，这会在您的边界上造成问题，因此您需要使用td:first-child、td:last-child css在所有浏览器中获得所需的内容。我看不出一个简单的答案。

谢谢PJ42，我没有想过要抵消这个职位。正如你所说，这样做会造成一些连锁反应。即1px被推到行的末尾。我认为这可能是一个更好的解决方案，因为此时鼠标最有可能离开tr。在我的情况下，这个解决方案工作得很好。这是一个肮脏的黑客；）