En file d'attente Scripty2 animations

Question

Les docs disent que l'ajout position: end files d'attente animations une après l'autre. Droite?

Mais quelque chose comme cela ne fonctionne pas:

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

La seconde boîte devient rose quand il est censé attendre la première case pour activer rouge. Ai-je manqué quelque chose?

Answer 1

Vous pouvez simplement enchaîner morphes comme ceci:

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

En outre, vous devez écrire « background: # FF0000 » et mettre la couleur de fond dans l'attribut style de vos boîtes, sinon vous ne serez jamais capable de changer le BG via js.

Voici votre édition exapmle: http://jsfiddle.net/Vhy8e/

Mise à jour: Si vous voulez faire # box2 à virer au rouge après les 2 premières morphes fini: http://jsfiddle.net/W5w6S/