jQuery UI對話框 - 等到關閉動畫完成

Question

在我的網站上，我有兩個jQuery UI對話框。一個對話框只顯示gif圖像（工作動畫）。我在做AJAX請求之前調用它。 AJAX請求完成後，我需要關閉第一個對話框，然後顯示第二個對話框。我這樣做：

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

但這顯然是行不通的。當我這樣做時，兩個對話框都可見一段時間。

因此，我正在尋找一種方法，只有在第一個對話框關閉後（他的動畫完成後）才能打開第二個對話框。你可以幫我嗎 ？

謝謝！

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; 
}); 

});