jquery - 将 float 工具栏放在表格行上

Question

我可能遗漏了一些明显的东西但是:

当我将鼠标悬停在行上时，我需要一个小工具栏来显示表格的一行(必须是表格，我正在使用遗留代码)。

一个问题是 tr 不采用 position:relative (每个 w3c 未定义)所以我最终创建了一个隐藏的单元格，并将工具栏放在其中，将td 上的 position:relative ...然后是凌乱的 CSS 和一些 jQuery 以在行悬停时显示 td 但随后存在问题，因为 HTML 引擎认为新显示的单元格是表格的一部分并且整行移出。

这一切都有点可怕。

我想我可能必须让 td 可见但宽度为零 - 但我希望有人能有更好的主意。

Answer 1

我的想法是使用 div 和 CSS 制作一个工具栏并将其隐藏。将鼠标悬停在该行上意味着您位于您想要工具栏的位置。

现在使用

$('#example').mouseover(function(e){
        var x = e.pageX - this.offsetLeft;
        var y = e.pageY - this.offsetTop;
   });

我可以获得可以显示工具栏的当前位置。一旦鼠标离开该行，我就可以隐藏该工具栏。我希望我正确理解了你的问题。