8

これらのremoveClass呼び出しを連続して実行しようとしています。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');
4

2 に答える 2

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メソッドはありません。

于 2012-11-09T18:04:26.803 に答える
3

古いトレッドですが、グーグルは彼を知っています;-)

jQueries UIには、removeClassの拡張関数があります。

<div class="big-blue"></div>

$( "div" ).click(function() {
  $( this ).removeClass( "big-blue", 1000, "easeInBack", function(){
      // do fancy stuff after animation is completed
  });
});

jQuery-UIドキュメント：http ：//api.jqueryui.com/removeclass/

于 2019-05-21T09:23:00.693 に答える