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

есть нет Fx.Styles в mootools 1.3

Вы должны использовать Fx.Morph или Fx.Tween, т.е.'

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