Javascript 为什么在变形之前不暂停EFX？

这变形刚刚好，但我需要它先暂停，然后再变形

var animate = (function(){
    var div = document.getElement('div.es-transition');
    if (div){
        div.set('morph', {duration: 800, transition: 'quad:out'});
        div.pauseFx(1000, 'morph');
        div.addClass('hidden');
        div.setStyles({'visibility': 'hidden', 'opacity': 0});
        div.removeClass('hidden').fade('in');
    }
});

window.addEvent('load', animate);

砰砰的一声

---

TIA不知道pauseFx的事吗？这不是标准的mootools核心api。它有-需要应用于实例

在您的情况下，在您运行它之前暂停，这没有任何意义。也就是说，使用

setTimeout

或

delay

<代码>暂停是中途停止并恢复变形/过渡。请澄清你正在努力实现的目标

还有

.set（'morph'）

不适用于

.fade（）

-淡入淡出基于

tween

选项，而不是

morph

。tween和morph之间的区别是单个属性与多个属性

如果我理解正确，您需要重写为：

var animate = (function(){
    var div = document.getElement('div.es-transition');
    if (div){
        div.set('tween', {duration: 800, transition: 'quad:out'});

        div.addClass('hidden');
        div.setStyles({'visibility': 'hidden', 'opacity': 0});

        (function(){
            div.removeClass('hidden').fade(0, 1);
        }).delay(1000);
    }
});

window.addEvent('load', animate);

---

作为mootools more的一部分，我开始使用tween，但没有得到任何乐趣。我只需要暂停一秒钟，然后淡入。这只会设置链接：链并使用fx.pause，wait和fx.resume，prolly。太棒了！这正是我需要的！太好了！