Javascript'te bir css3 geçişi sırasında hedef css özellik değerini almak mümkün mü?

Question

iki tane tamamen konumlandırılmış ve ben bunları birbirine göre konumlandırıyorum. Birinin width değiştiği zaman, o zaman yeniden hesapla ve pozisyonları ayarla. 'width' özelliğinde css3 geçişini kullanırken, 'width' animasyonlu bir resim almaya çalıştığımda, bana dom üzerindeki geçerli değeri verir. Fakat geçiş etkisinin başlangıcında doğru bir şekilde ayarlanmış konumlara geçişin hedef değerini elde etmek istiyorum. Hedef değeri javascript veya başka yollarla almak mümkün mü? Aşağıda

DÜZENLEME bir jsfiddle sorunumu gösteriyor olduğunu. '100px'i uyarıyor ama' 300px 'almam gerekiyor.

http://jsfiddle.net/Mdbgs/

teşekkürler.

Answer 1

. doğrudan stil erişmek olmadıysa, az önce batmıştı ne alacağı:

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

(updated fiddle)

Answer 2

Sen transitionend olay kullanabilirsiniz: .css('width') Geçiş sürecinin değerini çıkmıyor elemanı, üzerinde getComputedStyle çağırıyor çünkü var (see for equivalent prefixed vendor)

$('#transition_div').css('width', 300).on("transitionend", function() { 
    alert($(this).css('width')); 
}); 

DEMO