定位jQuery UI对话框框

Question

如何将jQuery UI对话框与位于body内的div元素相对定位？

- rdp

Answer 1

也许这会给你一个如何做到这一点的想法：

HTML：

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

CSS:

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

JS:

$(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]});
});

这里是演示的链接。

jQuery offset() 返回元素相对于文档的位置，而position() 返回相对于其定位父级的位置。

- Ivan Hušnjak

Answer 2

使用jQuery position函数或jQuery UI函数之一

。

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

- cetnar

---

你比我快了！ :) 这里可以找到示例：http://jqueryui.com/demos/position/ - mekwall

Answer 3

http://api.jquery.com/offset/展示了如何获取div元素的坐标。但直接使用可能不够，因为这取决于布局结构（浮动、边距等）。

- please delete me