关闭动态加载的 jQuery 对话框

Question

我有一个 ASP.NET MVC 3 web，它打开一个带有部分视图内容的 jquery 对话框。

  div.load(baseUrl + 'Home/AssignWarehouse?warehouseId=' + warehouseId + '&countryId=' + countryId).dialog(
        {
            width: 400,
            height: 250,
            modal: true,
            close: function (even, ui) {
                refreshMatrix(warehouseId, countryId);
            }
        }
    );

加载的视图是一个简单的复选框列表和一个刚刚添加到表单中的保存按钮。

局部视图。我还没有添加任何脚本。

@model AjaxConcept2.Controllers.AssignWarehouseModel

<div style="width:49%; display: inline-block">

    <h3>Country</h3>
    @Html.DisplayFor(model => model.CountryText)

</div>

<div style="width:49%; display: inline-block;">


    <h3>Warehouse</h3>
    @Html.DisplayFor(model => model.WarehouseText)

</div>

<div style="margin-top: 20px;">

    <input type="checkbox"/> Option A<br/>
    <input type="checkbox"/> Option B<br/>
    <input type="checkbox"/> Option C

</div>

<input type="button" value="Save"> 

我的问题是，我可以通过简单的方式从该保存按钮关闭对话框吗？我想运行在局部视图中定义的脚本，然后关闭对话框。我对 jquery 和 jquery.ui 不太熟悉。 :)

保存按钮在局部视图中，动态加载，点击它是触发器。

编辑：

我是否需要保持所有 javascripts 全局并跟踪具有唯一 ID 或类的输入字段？我希望从局部视图运行脚本。

// 约翰

Answer 1

调用close 方法关闭任何对话框。

// If your div is still known or available
div.dialog('close');

// Any element which is a dialog
$('.element').dialog('close');

另外，请参阅jQuery UI API documentation。

您可以将保存按钮的事件委托给document。假设您的保存按钮具有类btn-save。您可以执行以下操作：

$(document).on('click', '.btn-save', function () {
    $('.my-dialog').dialog('close');
});

有关事件委托的更多信息，check this page in the jQuery documentation。