javascript - 「フェードアウト」がすぐに発生した後に「クリック」しますか?

Question

20秒ごとに3つのjqueryアクションを次々と実行する必要があります。

私はする必要があります:

1. 最初fadeOut() #recent
2. それが終わったらclick() .next
3. それからfadeIn #recent()また

それが違いを生むかどうかはわかりません.nextが、の子です#recent。

これは私がこれまでに持っているものです:

$('#recent').fadeOut();
$('#recent .next').click();
$('#recent').fadeIn();

問題は、fadeOut() が終了する前にクリックがトリガーされることです。

ありがとうC

Answer 1

問題はclick、シミュレートされたイベントがアニメーション イベント キューの一部ではないため、呼び出されるとすぐに発生することです。

簡単なのは、次の [on completed] コールバックを使用することですfadeOut。

$('#recent').fadeOut(function () {
  $('#recent .next').click()
}).fadeIn()

fadeInアニメーションはアニメーション キューに登録されているため、コールバックにない場合でも「期待どおりに動作する」ことに注意してください。

ハッピーコーディング。