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

});