将样式属性的当前值放入变量

Question

我有以下动态代码。我想将位置值“左”和“顶”放入变量中。当我在屏幕上拖动这些值时，这些值会发生变化。我想要做的是存储最后的值，以便当它被销毁时，我可以重新使用这些值将它放置在下一次的相同位置。

<div onmouseover="setTimer();" class="soft_add_wrapper ui-draggable" style="left: 630.5px; top: 182px;"> 

我有选择，我认为后来我有点挑剔

var xyz = $(".soft_add_wrapper ui-draggable").attr xxxxxxxxxxxxxxx 

Answer 1

你可以.css()这样得到的数值：

var left = $(".soft_add_wrapper.ui-draggable").css('left'); 
var top = $(".soft_add_wrapper.ui-draggable").css('top'); 

如果它是相对于整个文件和你想要的整体位置，你可以考虑使用.offset()，或者如果你想相对于父母，.position()。

请注意，选择器是.soft_add_wrapper.ui-draggable，因为您想检查同一元素上的两个类选择器，因此没有空间。

Answer 2

你可以只是做

var offset = $(".soft_add_wrapper.ui-draggable").offset(); 

将然后像访问：

alert(offset.left); 
alert(offset.top);