Czy jest możliwe uzyskanie docelowej wartości właściwości css podczas przejścia css3 w JavaScript?

Question

Mam dwa divy ustawione absolutnie i umieszczam je względem siebie. Kiedy width jednego z nich ulega zmianie, to ponownie przeliczam i ustawia pozycje. Podczas korzystania z przejścia css3 w usłudze "width", gdy próbuję uzyskać "width" z animowanej, daje mi aktualną wartość w dom. Ale chcę uzyskać docelową wartość przejścia do prawidłowego ustawienia pozycji na początku efektu przejścia. Czy jest to możliwe, aby uzyskać wartość docelową za pośrednictwem javascript lub na inne sposoby?

EDIT

Poniżej znajduje się jsfiddle pokazuje mój problem. Ostrzega "100px", ale muszę uzyskać "300px".

http://jsfiddle.net/Mdbgs/

Dzięki.

Answer 1

To dlatego .css('width') dzwoni getComputedStyle na elemencie, który ma zwrócić wartość przejście. Jeśli nie bezpośredniego dostępu do stylu, co można uzyskać to, co właśnie zaszło:

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

(updated fiddle)

Answer 2

Można użyć zdarzenia transitionend: (see for equivalent prefixed vendor)

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

DEMO