Queuing 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» и поставить цвет фона в атрибуте стиля ваших коробок, иначе вы никогда не будете возможность изменения BG через js.

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

Update: Если вы хотите сделать # BOX2 краснеть после первых 2 морфы закончил: http://jsfiddle.net/W5w6S/