Javascript “定位jquery ui”对话框

如何将jquery ui对话框相对于主体中的div元素定位？

显示如何获取div元素的坐标。但直接使用可能不够，因为这取决于布局结构（浮动、边距等）。

使用或

---

也许这会让你知道怎么做：

HTML:

JS:

$（文档）.ready（函数（）{
变量$div=$（'二'）；
var left=$div.offset（）.left；
var top=$div.offset（）.top；
$（'某些对话框
'）。对话框（{位置：[左+20，上+20]}）；
});

这里是到的链接

jQuery（）返回相对于文档的元素位置，而（）返回相对于偏移父元素的位置。

你比我先找到它了！：）可以找到这方面的演示

$('#dialog').position({of: $('#your_div')});

<div id="one" class="divs"></div>
<div id="two" class="divs"></div>

.divs {
    float: left;
    height: 48px;
    width: 80px;
    border: 1px solid #55f;
}

$(document).ready(function(){
    var $div = $('#two');
    var left = $div.offset().left;
    var top= $div.offset().top;
    $('<p>Some dialog</p>').dialog({position: [left + 20, top + 20]});
});