javascript - Mootools 1.3.1 : using fx. 变形不起作用？

Question

我正在使用 Mootools 1.3.1，我想用 fx.morph 为一个 div 设置动画，但在浏览器调试控制台中我得到了

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 方法的第一个参数是“元素”(对象)或元素的 id，您正在传递一个选择器..所以“div.tile”将不起作用。

您需要为您的元素添加一个 id 或使用 each() 方法为所有具有“tile”类的元素赋予效果

测试示例:http://jsfiddle.net/AGVwh/ (在 Mootools 1.2.5 和 1.3.2 上测试过，所以它应该也适用于 1.3.1)

希望对你有帮助