javascript - 从控制台调用时 JqueryUI 对话框打开，但使用相同代码而不是从 js 文件调用时打开

Question

当使用 autoOpen 作为 false 并初始化 jquery UI 对话框，然后使用对话框(“打开”)和对话框(“关闭”)时，我过去没有遇到过问题。由于某种原因，在我的最新项目中，从代码调用时似乎会失败，但从控制台手动调用时，它可以工作。 (它在 Firefox 中也可以完美运行，但在我的其他测试环境中失败，尽管 IE9 和 Chrome)。关于检查什么有什么想法吗？ (到目前为止，我已经尝试与其他项目进行比较、设置 z-index、将 div 移动到页面的其他区域以及不同的文档类型，但均无济于事)。我使用的是 jquery 1.11.1、jqueryUI 1.10.4，页面上有 datatables.net 控件，但对话框不在该控件内部。该库是 1.9.4 所以..任何建议都会有帮助，谢谢!

早期触发的代码:

$("#csProgressPanel").dialog({
            modal: true,
            title: "Progress",
            width: 316,
            height: 116,
            autoOpen: false,
            disabled: false,
            center: true,
            dialogClass: 'no-close'
        });

稍后调用的代码(就在 mvc ajax 请求之前 - 请注意，此代码在 Web 控制台中运行，只是由于某种原因从我的 js 文件调用时不起作用):

$("#csProgressPanel").dialog("open");

稍后调用的代码:

$("#csProgressPanel").dialog("close");

更新:

我将其用作服务器端调用的“等待”对话框，并且它在服务器端调用后打开和关闭的速度似乎非常快。这是我正在使用的代码:

function ShowWaitDialog() {
    $("#csProgressPanel").dialog("open");
}

function HideWaitDialog() {
    console.log("closing popup");
    $("#csProgressPanel").dialog("close");
}

function JSON_AjaxRequest(controller, method, parameters, callBackSuccess) {

    ShowWaitDialog();

    var savedData = "";

    if (!parameters || parameters.length < 1)
        parameters = "{}";
    else
        parameters = JSON.stringify(parameters);

    var hasError = false;
    var lastErrorMessage = "";

    $.support.cors = true;

    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        async: false,
        url: SERVER_TO_USE + "/" + controller + "/" + method,
        data: parameters,
        success: function (data, textStatus, jqXHR) {
            callBackSuccess(data);
        },
        error: function (jqXHR, textStatus, errorThrown) {
            console.log(textStatus);
            console.log(errorThrown);
            hasError = true;
            lastErrorMessage = errorThrown;
        },
        complete: function (jqXHR, textStatus) {
            HideWaitDialog();
            if (hasError) {
                var errorObject = ErrorHandling.BuildClientSideError(lastErrorMessage);
                ErrorHandling.ShowErrors(errorObject);
            }
        },
        dataType: 'json'
    });
}

Answer 1

我建议您在代码中放置几个​​ console.log() 语句，以查看您的去向。

我还会删除“关闭”对话框，因为您的窗口可能会非常快地打开和关闭。