Warteschlangen Scripty2 Animationen

Question

Die Dokumente sagen, dass Hinzufügen von position: end Warteschlangen Animationen eine nach die andere. Recht?

Aber dann so etwas wie dies funktioniert nicht:

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

Das zweite Feld wird rosa, wenn es für die erste Box warten angenommen hat rot. Habe ich etwas verpasst?

Answer 1

Sie können einfach verketten Morphs wie folgt aus:

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

Auch müssen Sie schreiben ‚background: # ff0000‘ und legen Sie die Hintergrundfarbe im Stil Attribut Ihrer Frachten, sonst werden Sie nie sein in der Lage, die BG über js zu ändern.

hier bearbeiteten exapmle: http://jsfiddle.net/Vhy8e/

Update: Wenn Sie wollen # box2 röten, nachdem die ersten 2 morphs fertig zu machen: http://jsfiddle.net/W5w6S/