キューに入れられたjqueryイベントが正しく動作しない

Question

空のdivが表示されるように設定しました。つまり、id = "c1"という名前はありません。

私はそれがフェードインするように、それをキューしようとしていると言うだろう。その後、1秒後に、それは言うだろう 2秒

： 1秒

が、その後フェードアウトとなります

ページのリダイレクト。

$('#c1').html('2 seconds').fadeIn('fast').delay(800).html('1 second').delay(800).fadeOut('fast'); 

ただし、実行すると「1秒」と表示されて消えてしまいます。私は2秒のメッセージを全く見ることができません。これは、jqueryが最後の "html"イベントだけをリッスンしているかのようです。

また、divのデフォルトテキストとして「2秒」と入力してみました。それはどちらもうまくいかない。ページが読み込まれるとすぐに「1秒」と表示されます。あなたはこのような何か行うことができます

EDITソリューション

：

$('#c1').html('2').fadeIn('fast').delay(800).queue(function() {$(this).html('1');$(this).dequeue();}).delay(800).fadeOut('fast'); 

Answer 1

を試してみてください、彼らはすぐに満ちています。

代わりにhtml（）関数のタイムアウトを使用するか、アニメーションコールバックに配置します。

$('#c1').html('2 seconds').fadeIn(1000, function() { 
    $(this).html('1 second').fadeOut(1000); 
});​ 

Answer 2

は、ユーザーは、（）アニメーションではなく、HTMLのような他の機能を（）遅らせることができ

$('#c1').html('2 seconds')fadeIn('fast'); 
    setTimeout($('#c1').html('1  second'), 800); 
    setTimeout($('#c1').fadeOut('fast'), 800); 

Answer 3

右、ドキュメントの状態：「それは、標準のエフェクトキューまたはカスタムキューで使用することができます」が、.htmlのような操作（）効果キューを使用していない...