我已经使用jQuery UI库在网页中拖动div。拖动时,div改变它的位置并修改CSS位置,顶部和左侧属性。如何获得div的坐标?
我的问题是:
1)是他们的JavaScript的方式来获得CSS属性的值,并保存在一个变量(这样我可以提交给XML)?这些CSS属性是在拖动div时实时创建的。
2)我能否至少读取网页上div的新坐标?
我的目标是记录这些值,以便下次用户登录时,保留它们的修改版本的网页。
我已经使用jQuery UI库在网页中拖动div。拖动时,div改变它的位置并修改CSS位置,顶部和左侧属性。如何获得div的坐标?
我的问题是:
1)是他们的JavaScript的方式来获得CSS属性的值,并保存在一个变量(这样我可以提交给XML)?这些CSS属性是在拖动div时实时创建的。
2)我能否至少读取网页上div的新坐标?
我的目标是记录这些值,以便下次用户登录时,保留它们的修改版本的网页。
您可以使用jQuery轻松获取元素的偏移量。
var offset = $("#some-element").offset();
// Alert the values
alert("top: " + offset.top+ "left: " + offset.left);
要读取坐标相对于所述视口中,使用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'));
查看下面的答案。 'offset()'将得到相对于窗口的位置,而'.position()'将得到相对于偏移父对象的位置。 – Marko 2010-09-15 21:33:45