Подростки на одном элементе

Question

Если я применю 2 анимации к одному элементу, это не будет Tween. Зачем? Или я что-то не так делаю?

_input.tween('opacity', 1);
_input.tween('height', '100px');
// nothing happens

Но оба работают индивидуально.

скрипка

Answer 1

Element.prototype.tween это абстракция Fx.Tween, который создает новый Fx.Tween экземпляр этого элемента и привязывается к одному свойству за раз.

http://mootools.net/docs/core/Fx/Fx.Tween - вы устанавливаете две анимации, которые, вероятно, мешают друг другу, так как в iirc элемент getter/setter может работать только с одним экземпляром - который входит в хранилище элементов.

ты хочешь использовать morph вместо этого - http://mootools.net/docs/core/Fx/Fx.Morph и передать объект, т.е.

_input.morph({
    opacity: 1,
    height: 100
});

morph предназначался для изменения нескольких свойств одного и того же объекта элемента в унифицированном таймере.

вы могли бы сделать вручную new Fx.Tween(_input, ... ) дважды, и это будет работать, но это может быть не 100% на тех же часах для анимации, так что это может показаться прерывистым