2012-11-09 16 views
6

これらのremoveClass呼び出しを連続して実行しようとしています。 removeClassを使用したコールバック関数はないようですので、これをエミュレートする別の方法はありますか?jquery removeClassからコールバック関数をエミュレートできますか?

$("#card1").removeClass('flip'); 

    //wait for card1 flip to finish and then flip 2 
    $("#card2").removeClass('flip'); 

    //wait for card2 flip to finish and then flip 3 
    $("#card3").removeClass('flip'); 
+0

いつでもタイマーを使うことができます – Huangism

+0

クラスから要素を削除するのを待っているわけではありません。削除して追加してください。 –

+0

CSS3のトランジションの一部ですので、楽しいエフェクトを探しています。 – Paul

答えて

8

これは、CSS3トランジションを使用しているようです。 これを行う最も簡単な方法は、手動で遅延を設定することです:

$("#card1").removeClass('flip'); 

setTimeout(function(){ 
    //wait for card1 flip to finish and then flip 2 
    $("#card2").removeClass('flip'); 
}, 500); 

setTimeout(function(){ 
    //wait for card2 flip to finish and then flip 3 
    $("#card3").removeClass('flip'); 
}, 1000); 

なしているCSSトランジションをチェックするためにjQueryの方法ではあり内蔵されていますが完了しました。

+1

'transitionEnd'イベント(または' webkitTransitionEnd'など)が動作するはずです。 – pimvdb

+0

...または 'mozTransitionEnd'などです。私は、タイマーは現在より良いと思うし、' transitionEvent'イベントが発生しない場合にはもっと弾丸になります。 – Inferpse

+0

が同意した、そのトリック、ありがとう! – Paul

関連する問題