如何獲得div的座標？

Question

我已經使用jQuery UI庫在網頁中拖動div。拖動時，div改變它的位置並修改CSS位置，頂部和左側屬性。

我的問題是：

1）是他們的JavaScript的方式來獲得CSS屬性的值，並保存在一個變量（這樣我可以提交給XML）？這些CSS屬性是在拖動div時實時創建的。

2）我能否至少讀取網頁上div的新座標？

我的目標是記錄這些值，以便下次用戶登錄時，保留它們的修改版本的網頁。

Answer 1

您可以使用jQuery輕鬆獲取元素的偏移量。

var offset = $("#some-element").offset(); 

// Alert the values 
alert("top: " + offset.top+ "left: " + offset.left); 

Answer 2

要讀取座標相對於所述視口中，使用offset()：

var offset = $('#someitem').offset(); 
console.log('top: '+offset.top+'; left: '+offset.left); 

要讀取座標相對於最近定位的祖先，使用position()：

var pos = $('#someitem').position(); 
console.log('top: '+pos.top+'; left: '+pos.left); 

要獲得CSS屬性，只需使用css()函數：

console.log($('someitem').css('top'));