我正在使用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.
});
答案 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)
希望这有帮助