我调用局部视图并将其加载到对话框中。调用局部视图的链接如下所示:
<div id="instructorSidebarDiv">
@Html.ActionLink("My Schedule", "GetSchedule","Schedule", new { tester = 3 }, new { @class = "modal" })
</div >
加载包含局部视图的对话框的脚本如下所示:
$(function () {
$('#my-dialog').dialog({
autoOpen: false,
width: 700,
height: 600,
title: "Schedule",
resizable: false,
modal: false,
buttons: {
"Close Me": function () {
$(this).dialog("close");
}
}
});
$('.modal').click(function () {
$('#my-doialog').load(this.href, function () {
$(this).dialog('open');
});
return false;
});
});
'my-dialog'是页面底部的div
标记,用于加载对话框。一切正常,但我不能用按钮关闭对话框。我已经尝试添加剃须刀按钮并调用点击功能来关闭它们但没有任何反应。
我的想法是在加载对话框后点击功能超出范围。
我可以通过单击框中菜单栏上的x来关闭该框,但不能使用底部的常用关闭按钮。 如何从位于对话框内的局部视图内部销毁对话框?
答案 0 :(得分:0)
尝试更改,这:
$(this).dialog("close");
要:
$('#my-dialog').dialog("close");