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