jquery - 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

检查这个

这里：

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

});