キューに入れるScripty2のアニメーション

Question

のあとにposition: endキューアニメーションを1つ追加すると、ドキュメントによると、右？

しかし、このような何かがうまくいかない： 赤を回すために最初のボックスのを待つことになっていたときに

$('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/

2番目のボックスには、ピンク色になります。私は何かを逃したか？

Answer 1

あなたはこのような単純チェーンのモーフすることができます：「：＃FF0000の背景を」と、あなたの箱のスタイル属性で背景色を入れて、それ以外の場合はあなたがなることはありません

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

はまた、あなたが書く必要がありますjs経由でBGを変更することができます。

はここで編集したexapmleです： http://jsfiddle.net/Vhy8e/

更新： あなたが最初の2つのモーフが終了した後、赤色に点灯する＃1 BOX2を作りたい場合は、次の http://jsfiddle.net/W5w6S/