Jquery 当用户将鼠标悬停在另一个表上时，如何显示数据表'；s细胞？

我需要从对象列表生成一个表。每行仅包含每个对象的基本信息。但是，当用户将鼠标悬停在特定单元格上时，我希望弹出一个包含该特定对象所有信息的弹出窗口。也许弹出窗口应该是一个表格的形式，里面有各种各样的细节？我如何做到这一点？我可以使用JQuery并对其产生一些影响吗？

可以。您可以使用来完成此操作。

绑定鼠标悬停事件侦听器-这样，当鼠标悬停在预期元素上时，您的回调将被调用。在回调中，您可以访问触发事件的元素（在您的示例中是td或tr），并使用适当的jquery选择器获取整行的内容。然后你可以显示一个对话框，现在你有了内容，你可以在对话框中显示它

我用它来做这类事情。您可以使用bodyHandler选项执行Javascript来填充工具提示窗格，您可以任意设置其样式。请参阅示例。

是的，jQuery非常适合这种情况

有（至少）两种方法可以做到：

预填充和隐藏（CSS）：在HTML页面上构建可见单元格内的所有弹出详细信息表，使用CSS将其定位在主层上方（并在单元格外），使用

display:none

，并添加

.maincell:hover.detailtable{display:block；}

当光标位于主单元格中时使其可见

AJAX：将函数绑定到每个主单元格的

“mouseenter”

/

“mouseleave”

事件，在那里您可以使用AJAX从服务器获取详细信息表，并显示在一个定位的

中，最好是在固定的位置，或者可能是光标右侧的几个像素（如果它是一个小表）。jQuery的

$（“#inspector”）.load（dataURL）

函数使它非常简单（其中“inspector”是插入详细信息表的

的ID）