关闭按钮在jquery对话框中不起作用

时间:2011-12-12 17:11:23

标签: jquery asp.net-mvc-2 modal-dialog

我在我的项目中放置了一个模态对话框,它会提取局部视图。它工作得很好,但关闭按钮不起作用。

我尝试用$('#resetPasswordDialog')自我引用它。dialog('close'); , 没有骰子。我究竟做错了什么?这对我来说似乎相对简单,我读过的每个例子都显示只需调用$(this).dialog(“close”);的工作原理。

我目前正在MVC2中使用它。

<script type="text/javascript" src="<%: Url.Content(" jquery-1.6.2.js") %>"></script>
    <script type="text/javascript" src="<%: Url.Content("~/Scripts/jquery-1.6.2.min.js") %>"></script>
    <script type="text/javascript" src="<%: Url.Content("~/Scripts/jquery-ui-1.8.16.custom.min.js") %>"></script>
    <script type="text/javascript">
        $(function () {
            $('#resetPasswordDialog').dialog({
                autoOpen: false,
                width: 750,
                resizable: false,
                title: 'Reset Password',
                modal: true,
                open: function (event, ui) {
                    $(this).load('<%: Url.Action("ResetPassword") %>');
                },
                buttons: {
                    "Close": function () {
                        $(this).dialog("close");
                    }
                }
            });
            $('.forgot-password-button').click(function () {
                $('#resetPasswordDialog').dialog('open');
            });
        });
</script>

2 个答案:

答案 0 :(得分:0)

 buttons: {
  "Close": function () {
      alert('test');
      $(this).dialog("close");
   },
  Cancel: function() {
     alert('test2');
     $(this).dialog("close");
   }
 },
beforeClose: function() {
  alert('test3');
}

会在代码中添加这些警告吗?

答案 1 :(得分:0)

我认为,如果因为局部视图,你无法运行脚本的原因。

我的工作是: 尝试将对话框的javascript放入父页面。例如没有部分观点

希望这个帮助