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;
    });
});

jquery ui对话框未关闭

1 个答案: