使用jQuery獲取div的起始位置

Question

我正在構建一個拖放應用程序。我試圖在移動之前先獲取物品的起始位置。

當應用程序啓動時，我使用'$（document）.ready（）'，然後迭代元素。但是，當這個事件被觸發時，CSS中的左邊和頂端位置似乎還沒有被設置。下面是我用來迭代的代碼：

var t; 
$('.puzzle_piece').each(function(){ 
    t = $(this); 
    t.startX = t.position.left; 
    t.startY = t.position.top; 
}); 

我試過使用'position'和'.css（'left'）'來獲得值。

我注意到的一件事是，當我在那裏放置一個警報時，觸發器觸發佈局甚至似乎在瀏覽器窗口中開始。

如何獲得這些元素的起始位置？

Answer 1

position()是一個函數。使用：

t.startX = t.position().left; 
t.startY = t.position().top; 

Answer 2

如果您想要它與文檔有關，請使用.offset()。這很可能是你需要的。

如果你希望它相對於抵消母公司（即擁有fixed，relative，或absolute位置的父元素），使用.position()。