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

Question

如果你看这里：http://dev.driz.co.uk/tips/ 你会看到我正在尝试一些 Facebook 盗版工具提示。

我要学习的是如何相对于另一个对象定位尖端。因此，例如，如果用户将鼠标悬停在红色框上，它将显示相关的工具提示，但与箭头指向红色框的对象相关。我考虑过使用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"
});

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