HTMLのJqueryキューの変更？

Question

私はjqueryのコードの一部を持っている：

$('#my_span_id').fadeOut(200).html(new_count).fadeIn(600); 

私の期待は、次のようにこのコードが動作するということです。そして、0.6秒かけてフェードイン後すぐに をテキストを変更0.2秒 の要素をフェードアウト

それはこのように動作しますが： 変更テキストは瞬時に0.6秒以上で0.2秒 フェードインフェードアウト

は明らかに私がどのように誤解しました連鎖作業。期待どおり/希望どおりに動作するようにするための提案はありますか？

Answer 1

連鎖は、（経験したように）すぐに実行されます。 fadeOutが完了した後に何かしたい場合は、そのコードをfadeOutに渡す補完関数に入れます。

$('#my_span_id').fadeOut(200, function(){ 
    $(this).html(new_count).fadeIn(600); 
}); 

ここには、http://jsfiddle.net/jfriend00/ttj2B/が表示されます。

Answer 2

jquery関数htmlはアニメーションの一部ではないため、他のアニメーション効果ではキューに入れられません。代わりに、あなたはこれをしなければならない。

ここ

$('#my_span_id').fadeOut(200, function(){ 
    $(this).html(new_count).fadeIn(600); 
}); 

あなたがHTMLを変更しに戻ってそれをフェード