대기열 Scripty2 애니메이션

Question

도큐멘트에 따르면 다음에 position: end 대기열 애니메이션을 하나 추가한다고합니다. 권리?

그러나이 같은이 작동하지 않습니다이 이 빨간색으로 바뀔 때까지 첫 번째 상자를 기다려야 해야하는 경우

$('box').morph('height:100px', {duration:3, position:'end'}); 
$('box').morph('background-color:red', {duration:3, position:'end'}); 
$('box2').morph('background-color:pink', {duration:3, position:'end'}); 

→ http://jsfiddle.net/kf8Ys/

두 번째 상자가 분홍색으로 변합니다. 내가 놓친 게 있니?

Answer 1

당신은 간단하게 다음과 같이 변경해을 체인 수 있습니다 또한

$('box').morph('height:100px', {duration:3}).morph('background:#ff0000', {duration:3}); 

, 당신이 작성해야 '배경 : #의 FF0000'를하고 상자의 스타일 속성에 배경 색상을 넣어, 그렇지 않으면 당신은 없을 것 js를 통해 BG를 변경할 수 있습니다.

여기에 편집 된 exapmle입니다 : http://jsfiddle.net/Vhy8e/

업데이트 : 첫 번째 2 모프 완료 후 빨간색으로 할 #의 BOX2를 확인하려면 : http://jsfiddle.net/W5w6S/