Mootools 1.3.1:使用fx.morph无法正常工作?

时间:2011-11-21 13:38:27

标签: javascript css animation mootools

我正在使用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.
});

1 个答案:

答案 0 :(得分:2)

文件: http://mootools.net/docs/core/Fx/Fx.Morph

变形方法的第一个参数是“元素”(对象)或元素的id,你传递了一个选择器..所以“div.tile”不会工作。

您需要在元素中添加ID,或使用each()方法为“tile”类的所有元素提供效果

测试示例:http://jsfiddle.net/AGVwh/(在Mootools 1.2.5和1.3.2上测试,因此它也适用于1.3.1)

希望这有帮助