Mootools 1.3.1: использование fx.morph не работает?

Question

Я использую Mootools 1.3.1 и хочу анимировать div с помощью fx.morph, но в консоли отладки браузера я получаю

TypeError: Result of expression 'c' [null] is not an object.#
mootools-core-1.3.1.js:394

Я создал не скрипт mootools, но мне нужно добавить несколькобольше анимаций и функций с mootools, использующими эту версию.

Мой скрипт выглядит так:

var myEffect = new Fx.Morph("div.tile", {
duration: 'short',
transition: Fx.Transitions.Sine.easeOut
});

myEffect.start({
'height': 100, // Morphs the height from the current to 100px.
'width': 300   // Morphs the width from the current to 300px.
});

Answer 1

документ: http://mootools.net/docs/core/Fx/Fx.Morph

первый параметр для метода morph - это "элемент" (объект) или идентификатор элемента, вы передаете селектор .. so "div.tile"не будет работать.

вам нужно будет добавить идентификатор к вашему элементу или использовать метод each(), чтобы дать эффект всем элементам с классом" tile "

Тестовый пример: http://jsfiddle.net/AGVwh/ (протестировано на Mootools 1.2.5 и 1.3.2, поэтому должно работать и на 1.3.1)

Надеюсь, это поможет