فتيات مراهقات على نفس العنصر

Question

إذا قمت بتطبيق 2 فتيات مراهقات في نفس العنصر فإنه لن توين.لم؟أم أنني أفعل شيئا خاطئا?

_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#Element-Properties:tween - أنت إنستاتيتينغ اثنين من المراهقين التي ربما تتداخل مع بعضها البعض منذ إيرك ، عنصر جالبة / واضعة يمكن أن تعمل فقط مع مثيل واحد - الذي يذهب إلى تخزين العنصر.

تريد استخدام morph بدلا من ذلك - http://mootools.net/docs/core/Fx/Fx.Morph وتمرير كائن ، أي.

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

كان المقصود مورف لتعديل خصائص متعددة على نفس الكائن عنصر على جهاز توقيت موحد.

يمكنك القيام يدويا new Fx.Tween(_input, ... ) مرتين وسيعمل ولكن قد لا يكون 100٪ على نفس الساعة للرسوم المتحركة لذلك قد يبدو متقطعا