jQuery UIダイアログ - アニメーションが終了するまで待ちます

Question

私のウェブサイトには2つのjQuery UIダイアログがあります。 1つのダイアログにはgifイメージ（作業アニメーション）が表示されます。私はAJAXリクエストを行う前にそれを呼び出します。 AJAXリクエストが完了したら、最初のダイアログを閉じて、2番目のダイアログを表示する必要があります。私はこれを好む：

$("#dialog-working").dialog("close"); 
$("#dialog").dialog("open"); 

しかし、これは明らかに動作していません。これを行うと、両方のダイアログがしばらく表示されます。

このため、最初のダイアログが閉じる（アニメーションが完了した後）後にのみ、第2ダイアログを開く方法を探しています。手伝って頂けますか ？

ありがとうございます！

Answer 1

あなたquestinは非常に明確ではありません。

ここ

$('#dialog').bind('dialogclose', function(){ 
    //Do something 
}); 

Answer 2

ダイアログクローズイベントを確認してください。

http://jqueryui.com/demos/dialog/#event-close

Answer 3

Check this

を：：

<div class="demo"> 
    <div id="dialog"> 
    <p>This is the default dialog</p> 
    </div> 
    <div id="opener">Click to open</div> 
</div> 

そして、ここで：

$(document).ready(function() { 
$("#dialog").dialog({ 
    autoOpen: false, 
    title: 'My dialog title' 
}); 

$("#dialog").dialog(); 

/* this one beeing of interest for you */ 
$("#dialog").dialog({ 
    beforeClose: function(event, ui) { 
     alert("dialog is gonna be closed now"); 
    } 
}); 

$('#opener').click(function() { 
    $("#dialog").dialog('open');  
    return false; 
}); 

}); 

ダイアログを閉じた後に何かをする