javascript - 定位jquery ui对话框

Question

如何根据主体内的 div 元素定位 jquery ui 对话框？

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

这是 demo 的链接.

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