排队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/

更新： 如果你想＃BOX2变红第2个变种结束后： http://jsfiddle.net/W5w6S/