диалог близко Jquery Mobile не работает должным образом

Question

Привет У меня есть функция, как показано ниже,

$("#OkButton").click(function(e){ 
    $("#sampleDlg").dialog('close'); 
     //Ajax call 
    $("#sampleDlg").dialog('open'); 
}); 

При нажатии кнопки ОК я хочу диалоговое окно, чтобы получить закрыты и открыть новый диалог с той же dialogID после завершения AJAX вызова. В настоящее время событие закрытия запускается только после завершения функции Click, поэтому оно закрывает оба диалоговых окна. Пожалуйста, помогите мне решить эту проблему.

Answer 1

Из-за асинхронной природы AJAX просит вам необходимо открыть следующий диалог внутри обработчика обратного вызова $.ajax:

$("#OkButton").click(function(e){ 
    $("#sampleDlg").dialog('close'); 
    $.ajax({ 
     url: '.foo.html', 
     success: function(data) { 
      $("#sampleDlg").dialog('open'); 
     } 
    }); 
});