スライドショー、3秒間の遅延、Mootoolsでスライドするメッセージボックスを表示しますか？

Question

私は、スライドアウトして3秒間遅れてからMootoolsでスライドするエラーメッセージ表示ボックスを作成しています。これは私が現在やっていることです。それを修正して私のためにどうすればいいですか？

var slide = new Fx.Slide($("error")); 
slide.slideOut('horizontal').chain(function(){ 
    $("error").set("text", message); 
}).chain(function(){ 
    this.slideIn('horizontal').delay(3000); 
}).chain(function(){ 
    this.slideOut('horizontal'); 
}); 

Answer 1

あなたのmootoolsは基本的に正しいですが、スクリプトが正しく機能するようにいくつかの重要な項目がありません。私は、以下の作業バージョンを貼り付け、その後、いくつかのコメントをした：

var slide = new Fx.Slide($("error")); 
slide.slideOut('horizontal').chain(function() { 
    $('error').set('text', message); this.callChain(); //NOTE 
}).chain(function() { 
    this.slideIn('horizontal'); 
}).chain(function() { 
    this.slideOut.delay(3000, this, 'horizontal'); //NOTE 
}); 

1. お知らせthis.callChain（） 3行目に。これがなかったのは が何かを見ているのを止めていたことでした。チェーンへのご 引数は（）のFxのメソッドの 1が含まれていない場合 FxのクラスがcallChain（） メソッドが内部シーケンス内の次の のステップを開始するために使用しますが、、callChainは（）いわゆるない 、あります手動で を実行する必要があります。
2. 遅延の呼び出しが間違った場所にありました。 Delay（）は、適用されている関数の実行を遅らせ、チェーンにポーズを挿入しません。したがって、エラーメッセージを3秒間表示するには、遅くしたいものであるため、最後の関数呼び出しに遅延を追加する必要があります。
3. 遅延呼び出しが正しくありませんでした。遅延は関数の戻り値ではなく関数に適用されるため、上記のDimitarの提案です。詳細については、functionをmootoolsのコアドキュメントで参照してください。
4. そのサウンドでは、ファイヤーバグはインストールされていません。これは、あなたのコードがマージンとテキストを変更することを見つけるためにDOMを探索することができましたが、それ以降は何も起こりません。 Firebugのは超便利なので、できるだけ早く
5. 私のソリューション（MooToolsは1.3）以下であり、基本的に示唆されたものディミタールrelfectsそれをインストール：

$('error').set('slide', { 
     mode: 'horizontal' 
    }).get('slide').slideOut().chain(function() { 
     $('error').set('text', message); this.slideIn(); 
    }, function() { 
     this.slideOut.delay(3000, this); 
    }); 

はそれが