jQuery UI 对话框定位

Question

我正在尝试使用 jQuery dialog UI库，以便在将鼠标悬停在某些文本上时将对话框放置在该文本旁边。 jQuery 对话框采用从当前视口(viewport)左上角测量的位置参数(换句话说，[0, 0] 将始终将其放在浏览器窗口的左上角，无论您当前滚动到哪里)。但是，我知道检索位置的唯一方法是相对于整个页面的元素。

以下是我目前拥有的。 position.top 被计算为大约 1200，这使得对话框远低于页面上其余内容。

$(".mytext").mouseover(function() {
    position = $(this).position();
    $("#dialog").dialog('option', 'position', [position.top, position.left]);
}

如何找到正确的位置？

谢谢!

Answer 1

作为替代方案，您可以使用 jQuery UI Position utility例如

$(".mytext").mouseover(function() {
    var target = $(this);
    $("#dialog").dialog("widget").position({
       my: 'left',
       at: 'right',
       of: target
    });
}