jQuery UI dialog - wait until close animation is completed

On my website I have two jQuery UI dialogs. One dialog just shows gif image (working animation). I call it before doing AJAX request. After AJAX request is done, I need to close that first dialog, and show second. I do it like this:

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

but this obviously isn't working. When I do this, both dialogs are visible for some time.

Because of that, I am searching for a way to open second dialog only after first dialog is close (after his animation has completed). Can you help me ?

Thanks !

Answers


Your questin is not very clear. To do something after the dialog closes:

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

Need Your Help

Change the language of iOS virtual keyboard "previous", "next", "done" buttons

iphone ios ipad jquery-mobile virtual-keyboard

Is there any way with jQuery-Mobile to change the language of the buttons displayed in the top bar of an iPhone/iPad virtual keyboard or to change the texts or remove them at all?

.NET Assembly Binding How/Why (1.1, 2.0, GAC, Policy Files and more...)

.net binding gac policyfiles

I have been working through a number of very "odd" issues with some DLL versions, Policy Files, and items in the GAC and for the life of me I haven't been able to find a solid answer as to how/why ...