jquery ui对话框没有关闭

Question

我是 jQuery UI 的新手。我编写了以下代码作为 ASP.NET MVC 项目的一部分，但我不确定为什么对话框没有关闭。我尝试了很多东西，但它似乎不起作用。有人可以帮忙吗？

$(document).ready(function () {

$(function () {

    $("#flightModal").dialog({
        title: 'Flight Quotations',
        autoOpen: false,
        resizable: false,
        width: 700,
        height: 450,
        modal: false,
        draggable: true,
        context: $(this),
        open: function (event, ui) {
            $(".ui-dialog-titlebar-close").hide();
            $(this).load(url);
        },
        buttons: {
            "Cancel": function () {
                $("#flightModal").dialog('close');
            }
        }
    });

$("#createFlight").on("click", function (e) {
    url = "/Quotations/QuotationsFlight"
    $("#flightModal").dialog('open');
    return false;
});

}); });

我尝试了销毁、删除和其他 stackoverflow 问题中描述的所有其他解决方案。我相信我错过了一件简单的事情，但到目前为止还想不通。

Answer 1

$(document).ready(function () {

$(function () {

下面两行是一样的。尝试删除以下布局。它应该可以工作。

$(function () {
});

类似的，

$(document).ready(function () {
    $("#flightModal").dialog({
        title: 'Flight Quotations',
        autoOpen: false,
        resizable: false,
        width: 700,
        height: 450,
        modal: false,
        draggable: true,
        context: $(this),
        open: function (event, ui) {
            $(".ui-dialog-titlebar-close").hide();
            $(this).load(url);
        },
        buttons: {
            "Cancel": function () {
                $("#flightModal").dialog('close');
            }
        }

    $("#createFlight").on("click", function (e) {
        url = "/Quotations/QuotationsFlight"
        $("#flightModal").dialog('open');
        return false;
    });
});