jquery - jQuery - 関数の実行が完了するまで待つ

Question

次のコードがあるとします。

$(classeDoFlipContainer).css('z-index', '1');
$(classeOpostaDoFlipContainer).css('z-index', '0');

flipBox.flippy({
    color_target: "white",
    duration: "900",
    verso: versoDaImagem,
    direction: "BOTTOM",
    onFinish: setEventHandlers,
    onReverseFinish: setEventHandlers
});

alert('?');
$(classeDoFlipContainer).css('z-index', '0');
$(classeOpostaDoFlipContainer).css('z-index', '1');

alert('?');後のコードが実行されていることを確認するためだけに追加しましたflippy()。flippy()しかし、完全に完了した場合にのみ必要です。どうすればこれを達成できますか？

Answer 1

onFinishフリッピーが提供するコールバックを使用する:

flipBox.flippy({
  color_target: "white",
  duration: "900",
  verso: versoDaImagem,
  direction: "BOTTOM",
  onFinish: function(){
    setEventHandlers();
    alert('?');
    $(classeDoFlipContainer).css('z-index', '0');
    $(classeOpostaDoFlipContainer).css('z-index', '1');
  },
  onReverseFinish: setEventHandlers
});

編集:onReverseFinishコールバックを追加することもできます

Answer 2

onFinishコールバックを使用します。

flipBox.flippy({
    color_target: "white",
    duration: "900",
    verso: versoDaImagem,
    direction: "BOTTOM",
    onFinish: function(){
        alert('?');
    },
    onReverseFinish: setEventHandlers
});

Answer 3

あなたはこのようにすることができます：

onFinish:function()
{
    alert("yey!");
}