是否可以在Javascript中的css3转换期间获取目标css属性值？

Question

我有两个divs 绝对定位,我把它们相对于彼此定位.当width一个人改变时,我会重新计算并设定位置.当我在' width'属性上使用css3过渡时,当我试图获得width动画的'时,它给了我当前的dom值.但我希望在转换效果开始时获得转换的目标值以正确设置位置.这可以通过javascript或其他方式获得目标值吗？

编辑

下面是一个jsfiddle演示我的问题.它警告'100px',但我需要'300px'.

http://jsfiddle.net/Mdbgs/

谢谢.

Answer 1

那是因为.css('width')调用getComputedStyle了元素,它确实返回了转换值.如果您直接访问该样式,您将获得刚刚设置的内容:

document.getElementById('transition_div').style.width
$('#transition_div').prop('style').width
$('#transition_div')[0].style.width

(更新小提琴)