JQuery對話框關閉並重新加載頁面

Question

是否有人請知道我應該如何關閉帶淡入淡出效果的對話框，並且只有在關閉後才能重新加載頁面。不幸的是，location.reload會立即發生，而不會等待對話框關閉。

function show_dialog_ok() 
{ 
$("#dialog_ok").text("Your message was sent"); 
$("#dialog_ok").dialog({ 
    hide: {effect: "fade", duration: 2000}, modal: true 
}); 

setTimeout(function() { $("#dialog_ok").dialog('close'); }, 2000); 

location.reload(); 
} 

Answer 1

如何在同一時間重裝你關閉對話框，超時

function show_dialog_ok() { 
    $("#dialog_ok").text("Your message was sent"); 
    $("#dialog_ok").dialog({ 
     hide: {effect: "fade", duration: 2000}, modal: true 
    }); 

    setTimeout(function() { 
     $("#dialog_ok").dialog('close'); 
     location.reload(); 
    }, 2000); 
} 

Answer 2

使用完整的回調內部調用realod動畫完成後：

function show_dialog_ok() 
{ 
    $("#dialog_ok").text("Your message was sent"); 
    $("#dialog_ok").dialog({ 
     hide: { 
     effect: "fade", 
     duration: 2000, 
     complete: function() { 
      location.reload(); 
     } 
     }, modal: true 
    }); 

    setTimeout(function() { $("#dialog_ok").dialog('close'); }, 2000); 
}