Mootools 1.3和Fx.Styles

Question

我收到以下错误：

Fx.Styles is not a constructor`

在行：

new Fx.Styles(obj.element, {'duration' : this.options.display.fadeDuration}).start({'opacity':[1]});

那这个呢？

.scrollTo is not a function

Fx.Scroll仍然可用吗？

我该如何解决？ 我正在运行Mootools 1.3。 谢谢。

Answer 1

mootools 1.3中没有 Fx.Styles

您应该使用Fx.Morph或Fx.Tween即

var myFx = new Fx.Morph(element, {/*options*/});
myFx.start({/*whatever*/});

编辑：您的代码“已更新”

var myFxStyle = new Fx.Morph(obj.element, {'duration' : this.options.display.fadeDuration});
myStyleFx.start({'opacity':1});

Answer 2

从1.2开始，这些也可以用作元素快捷方式（如steweb所说，已弃用Fx.Styles，因此，根据要求将Fx.Tween和Fx.Morph导出为元素非常容易）：

element.set("tween", {
    duration: 200,
    onComplete: function() {
        this.element.destroy();
    }
});

element.tween("opacity", newvalue);
// or even use .fade which shortcuts this:

element.fade(0); 
// or
element.fade(.7, 0);

类似的：

element.set("morph", {
    duration: 200,
    link: "cancel",
    onComplete: function() {
        this.element.destroy();
    }
});

element.morph({
    "opacity": [1,0],
    "marginLeft": [0,-500]
});

要返回事件，只需检索元素FX实例：

element.get("morph").removeEvents("complete").setOptions({
     // new options...
});