2011-01-08 161 views

回答

8

也許,這可能讓你的想法如何做到這一點:

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()返回相對於偏移父項。

1

http://api.jquery.com/offset/顯示如何獲取div元素的座標。但直接使用可能還不夠,因爲這取決於佈局結構(浮動,邊距等)。