jquery：位置？

Question

我想用jquery Position來定位一個元素相對於另一個。

基本上觸發元素是15px * 15px。

目標元素是200像素* 200像素

我想有，

當我點擊觸發要素， 有目標元素定位，它的頂部觸發的頂部相匹配，

並且目標元素的左側距觸發元素右側爲5px。

我該怎麼做？

（注：$（ '＃目標'），$（ '＃觸發'）;）

Answer 1

使用offset在jQuery UI Position（因爲你說你正在嘗試使用），像這樣：

$("#trigger").click(function() { 
    $("#target").position({ 
     my: "left top", 
     at: "right top", 
     of: "#trigger", 
     offset: "5 0" 
    }); 
}); 

Answer 2

的jQuery的偏移的頂部和左側屬性的，你可以用它們

http://api.jquery.com/offset/ 

得到觸發要素偏移，

var triggerPostion=$('#triggerPostion').offset(); 

var targetLeft=triggerPostion.left// manipulate the values 
var targetTop=triggerPostion.top 

$('#targetDivID').css('position','absolute'); 
$('#targetDivID').css('top',targetLeft); 
$('#targetDivID').css('left',targetTop);