为表格单元格添加悬停显示

Question

我有一个表，但它不是列表格式，这意味着不是列/行格式。我查找特定单元格以添加显示单元格描述的悬停事件。

$("#TableID td").hover(function(){
//ifCellThatIWant
   $(this).append("<span>Message that was brought in</span>");
   },
   function(){
    $(this).children().remove();
    });

现在的问题是，悬停显示了一个跨度（内置信息），我使用jquery在鼠标悬停时将跨度附加到单元格，这会扩展单元格，这是一种我不喜欢的效果或想要。我试图让桌子外观，但仍然是由触发事件的单元格;因为如果跨度有很多信息。在其中，动态扩展单元格将开始看起来非常讨厌。如果我有一些类型的CSS方向，我将如何使鼠标悬停“描述”跨度的显示看起来不错也会有所帮助。我的想法是，一种实现我想要的方法是在悬停时给予附加跨度鼠标光标的位置，但不确定它是正确的方法还是语法的样子。

Answer 1

使跨度显示为块并将z-index设置为大于页面上的任何其他值。然后，您可以绝对定位它并将左侧和顶部属性设置为鼠标位置的x和y位置。

编辑：

这是我的意思演示 - ＆gt; http://jsbin.com/odape。我建议只是在你的html底部创建一个占位符，用于每个单元格而只是更改要显示的文本（不知道你是如何把它带进去的，所以我没有添加它在我的例子。