jquery - jQuery 遅延キューが機能しない

Question

この 1 行で .delay() メソッドを動作させようとしましたが、.empty() メソッドの前に遅延メソッドを設定しても、すぐにコンテンツが空になります。

これが私のコードです：

$('.work_thumbs').fadeTo(200, 0).delay(200).empty();

「.work_thumbs」は、消したい画像のセットです。消えたら、そのクラスの要素を空にして、画像が効果的に消えるようにします。

しかし、.empty() メソッドが実行され、完全に .delay() メソッドが無視されるため、それらは完全に消えてしまいます。これはなぜですか?

score 0 · Accepted Answer

次のように、 setTimeout 関数を使用してスクリプトを遅らせることができます。

$('.work_thumbs').fadeTo(200, 0);
setTimeout(function() {
  $('.work_thumbs').empty();
}, 2000);

1 に答える 1