我在弹出窗口中打开了 View ,如下所示。
$(function () {
$('#lnkPremiumAllocationPlan').click(function () {
var selPolicyId = $('#sltPolicyName option:selected').val();
$.ajax({
url: '@Url.Action("GetPolicyPremiumAllocation", "Policy")',
data: { policyID: selPolicyId },
type: 'POST',
success: function (data) {
if (data.length >0) {
$("#modal_dialog").load(data);
$("#modal_dialog").dialog("open");
}
}
});
});
$("#modal_dialog").dialog({
autoOpen: false,
height: 600, width: 'auto',
title: "Premium Allocation",
buttons: {
Cancel: function () {
$(this).dialog("close");
}
},
modal: true
});
})
</script>
当我单击弹出窗口的“取消”按钮时,它不会关闭。
我还包含了以下文件。
<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script src="~/Scripts/jquery-ui-1.8.20.min.js"></script>
<link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" />
无法弄清楚我做错了什么。请帮忙。
最佳答案
使用 $("#modal_dialog") 而不是 $(this)。 this 仅指当前对象。
$("#modal_dialog").dialog({
autoOpen: false,
height: 600, width: 'auto',
title: "Premium Allocation",
buttons: {
Cancel: function () {
$("#modal_dialog").dialog("close");
}
},
modal: true
});
关于javascript - 无法关闭模式弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30456548/