jquery - 使用 jQuery 相对于非父元素的另一个元素定位元素

Question

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

我想要学习的是如何相对于另一个物体定位尖端。例如，如果用户将鼠标悬停在红色框上，它将显示相关的工具提示，但与箭头指向红色框的对象相关。我考虑过使用outerWidth和height，甚至是position()方法。但不确定我会如何使用它。还需要相对定位箭头，例如在框上的位置，并在用户滚动页面时上下移动箭头。移动元素。

如果有人能提供一些例子那就太好了。

注意，我现在并不想执行悬停位，只是想让 Nib 相对于其他对象定位自身。

有人可以帮忙吗？谢谢

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