같은 요소의 트윈

Question

같은 요소에 2 개의 트윈을 적용하면 트윈이 아닙니다.왜?아니면 뭔가 잘못하고 있니?

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

.

그러나 둘 다 개별적으로 작업합니다.

fiddle

Answer 1

Element.prototype.tween는 Fx.Tween의 추상화이므로 해당 요소에 새로운 Fx.Tween 인스턴스를 생성하고 한 번에 단일 속성에 바인딩합니다.

"NoFollow"> http://mootools.net/docs/core/fx / fx.tween # 요소 - 속성 : Tween - IIRC 이후로 서로 간섭하는 두 개의 트윈을 인식하고 요소 getter / setter는 요소 저장소로 들어가는 단일 인스턴스와 함께만 작동 할 수 있습니다.

"nofollow"> http://mootools.net/docs/core 대신 morph를 사용하려고합니다./fx/fx.morph 및 객체를 전달합니다. 즉

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

.

모프는 통합 타이머에서 동일한 요소 객체에서 여러 속성을 수정하는 것을 의미했습니다.

new Fx.Tween(_input, ... )를 두 번 수동으로 수행 할 수 있지만 작동 할 수 있지만 애니메이션의 동일한 시계에서 100 %가 아닐 수도 있으므로 고르지 않게