Очереди анимации 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});

Кроме того, вы должны написать 'background: # ff0000' и поместить цвет фона в атрибут style ваших блоков, иначе вы никогда не будетебыть в состоянии изменить BG с помощью js.

Вот ваш отредактированный пример: http://jsfiddle.net/Vhy8e/

Обновление: если вы хотите, чтобы # box2 стал красным после того, как первые 2 морфы закончили: http://jsfiddle.net/W5w6S/