Javascript Mootools 1.3.1：使用fx.morph不起作用？

我使用的是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.
});

文件:

morph方法的第一个参数是“element”（对象）或元素的id，您要传递一个选择器。。所以“div.tile”不起作用

您需要向元素中添加一个id，或者使用

each（）

方法使类为“tile”的所有元素生效

测试示例：（在Mootools 1.2.5和1.3.2上进行了测试，因此它也应该在1.3.1上工作）

---

希望这也有帮助，将选择器传递到

$$（）

，即

new Fx.Morph（$$（“div.tile”），…）

，应该可以解决问题，而无需向元素添加

id

属性。谢谢，这对我帮助很大。但是jquerys选择器引擎要好得多mootools的文档是如此的不可用=（我能不能也为z-index设置动画，我能不能选择#id img？+1来发现这一点。OP：实际上，mootools使用的选择器是W3C CSS-level3+extras（反向组合器）.mootools不需要复制文档，除非它与预期标准不同。此外，您应该查找

el.set（“morph”）

和

el.get（“morph”）

和

el.morph（{someobj}）

@FrédéricHamidi-hmm实际上不起作用。如果要将变形应用于多个元素，则需要使用each方法，但类似于$$（“id img”）。在我的脚本中，变形（）似乎不起作用=(