javascript - Mootools 等待 Fx.Morph 启动

Question

我试图var effect = new Fx.Morph(testMorph, {在开始前等待/延迟 2 秒。
（这里小提琴）

但是当我尝试.wait(2000)or时.delay(2000)，甚至.wait(2000, effect)我得到Uncaught TypeError: Object [object Object] has no method 'delay'

任何想法如何让这个工作？

我正在使用的代码：

var testMorph = document.id('testMorph');
var effect = new Fx.Morph(testMorph, {
    transition: 'back:out',
    duration: 900,
    link: 'chain'
}).start({
    'top': 20,
    'opacity': 1
}).start({
    'border-color': '#A80025',
    'color': '#A80025'
});
effect.delay(2000);

Answer 1

您可以使用chain()和的组合delay()来达到预期的效果。

new Fx.Morph(testMorph, {
    transition: 'back:out',
    duration: 900,
    link: 'chain'
}).start().chain(function(){
    this.start.delay(2000,effect,{
        //first
    });
}).chain(function(){
    this.start({
        //second
    });
});

在当前效果的chain()末尾添加另一种效果。第一个效果只是带有一个空效果的 start()，为我们的事件链提供上下文。

start.delay()然后使用方法（delay()是 的属性）将其链接到延迟事件Function。

反过来，这与您的其他效果相关联。

见这里。