2011-12-09 13 views
1

(body)ではなく、親要素から子要素のxy座標を取得する方法は?どのようにDIV BからDIV Aにx値を取得するので、ウィンドウのサイズが変更されると、値はtrueのままですか?jqueryの親要素から子要素のxy座標を取得するには?

enter image description here

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

画面全体のxy座標から直接ではなく、この値を取得する方法はありますか?親がませはこれが機能するためposition: staticでなければならないということで、この上

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

注意点:その親使用position()に子要素の相対的なオフセット取得するために

答えて

2

。親が静的である場合、jQueryはoffset()を返します。これはあなたのコードで起こっていることです。あなたはCSSで親にfixedからpositionabsoluteまたはrelativeを設定する必要がありますので、

staticは、ほとんどのブロック要素のデフォルトです。

+0

-ありがとうございます! –