使用jQuery将元素相对于另一个不是父元素的元素定位

Question

如果你看一下：http://dev.driz.co.uk/tips/你会看到我正在试验一些Facebook ripoff工具提示。

我想学习的是如何将尖端相对于另一个物体定位。因此，例如，如果用户悬停红色框，它将显示相关的工具提示，但是与箭头指向红色框的对象相关。我已经考虑过使用outerWidth和height，甚至是position()方法。但不知道我将如何使用它。还需要将箭头定位在关系中，例如盒子上的​​位置，如果用户滚动页面，则上下移动箭头，即。移动元素。

如果有人可以提供一些令人敬畏的例子。

注意我暂时没有尝试使用悬停位，只是试图让尖端相对于另一个物体定位。

有人可以帮忙吗？ 感谢

Answer 1

var top = $("#link").offset().top;
top += $("#link").height();
var left = $("#link").offset().left;
$("#tip").css({
    top: top+"px",
    left: left + "px"
});

此代码相对于#tip定位#link。您很可能希望在#tip下方显示#link，因此top += $("#link").height();。