Jquery Mobile 对话框关闭无法正常工作

Question

您好，我有如下功能，

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

单击确定按钮时，我希望对话框关闭并在完成 AJAX 调用后打开一个具有相同对话框 ID 的新对话框。现在 close 事件仅在 Click 功能完成后触发，因此它关闭了两个对话框。 请协助我解决此问题。

Answer 1

由于 AJAX 请求的异步特性，您需要在 $.ajax 的回调处理程序中打开下一个对话框：

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