我如何获得div的坐标？

Question

我使用jQuery UI库在网页中拖动div。在拖动时，div会改变它的位置并修改CSS位置，顶部和左侧属性。

我的问题是：

1）他们用javascript方式获取CSS属性的值并保存变量（以便我可以将其提交给XML）吗？拖动div时，这些CSS属性是实时创建的。

2）我至少可以在网页上阅读div的新坐标吗？

我的目标是记录这些值，以便用户下次登录时，会保留其修改后的网页版本。

Answer 1

要阅读相对于视口的坐标，请使用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'));

Answer 2

您可以使用jQuery轻松获取元素的偏移量。

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

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