javascript - jQuery .offset() 表现相当糟糕

Question

所以我有这个 <div class="help"> (一个帮助框或你会怎么调用它)在 <td> 中元素。帮助框最初不显示，但将鼠标悬停在 <td> 上时弹出。 .帮助框的定位是通过 jQuery 完成的，通过这个小片段:

var $help = $that.add($cousin).find("div.help").first();
var height = $help.parent().siblings().first().height();
$help.offset({
    top: $help.parent().offset().top + height,
    left: $help.parent().offset().left
});
$help.css("display", "block");

当鼠标悬停在 <td> 上时，我发现我们是否有帮助框单元格，获取 <td> 的第一个 sibling 的第一个高度然后重新定位。这确实有效!

……第一次。将鼠标悬停在 <td> 时帮助框似乎再次位于屏幕之外，因为我看到了一个水平滚动条，每次悬停时其宽度都会增加。所以我想我对 .offset() 的使用有问题.求助<div>有position: absolute ，但我认为这与 CSS 无关。

帮助一个高大英俊的瑞典人出来？

Answer 1

根据评论:

在这里查看我的 fiddle http://jsfiddle.net/gRoberts/h3T6u/这显示了如何使用 css 和 position 属性来实现您想要做的事情。

希望对您有所帮助 ;)