使用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();.