Question

在我的网站上，我有两个jQuery UI对话框。一个对话框只显示gif图像（工作动画）。我在做AJAX请求之前调用它。完成AJAX请求后，我需要关闭第一个对话框，然后显示第二个对话框。我是这样做的：

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

但这显然不起作用。当我这样做时，两个对话框都可见一段时间。

因此，我正在寻找一种方法，只在第一个对话框关闭后（动画完成后）打开第二个对话框。你能救我吗？

谢谢！

Answer 1

你的问题不是很清楚。在对话框关闭后执行某些操作：

$('#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;
});   

});

jQuery UI对话框 - 等到关闭动画完成

3 个答案: