MooTools的1.3和Fx.Styles

我得到以下錯誤：MooTools的1.3和Fx.Styles

Fx.Styles is not a constructor`

在行：

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

什麼這一個？

.scrollTo is not a function

Is Fx.Scroll still still available？

我怎麼能解決這個問題？我正在運行Mootools 1.3。謝謝。

來源

2011-02-14 thom

在mootols沒有Fx.Styles 1.3貶值 – kjy112 2011-02-14 16:08:13

有在mootools的無 Fx.Styles 1.3

您應該使用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});

來源

2011-02-14 16:07:52 stecb

怎麼可能我用Fx.Tween替換上面的代碼？什麼是等效的？ – thom 2011-02-14 16:11:09

從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... 
});

來源

2011-02-14 16:21:13

MooTools的1.3和Fx.Styles

回答

相關問題