如何從jquery的父元素中獲取子元素的xy座標？

Question

如何從父元素獲取子元素的xy座標，而不是（body）？如何從DIV B獲得x值到DIV A，所以當窗口調整大小時，值保持爲真？

var startPos = $("#divB").position(); 
$("#divB").draggable({ 
    containment: 'parent', 
    stop: function(event, ui) { 
     var stopPos = $(this).position(); 
     $("#firstInput").val((stopPos.left - startPos.left)); 
    } 
}); 

是否有直接而不是從整個屏幕的xy座標得到這個值的方法？

Answer 1

來獲取子元素相對於偏移到它的父用position()：

$("#child").position().left; 
$("#child").position().top; 

需要說明的這個是說父母必須不是position: static這個工作。如果父類是靜態的，那麼jQuery將返回offset()--我假設你的代碼中發生了什麼。

static是大多數塊元素的默認，所以你需要設置position到fixed，absolute或relative在你的CSS父。