jquery ui对话框未关闭？

我无法关闭对话框，我做错了什么？我正在尝试将此脚本集成到我的asp.net mvc 3应用程序中

<p id="dialog_link" style="cursor: pointer;">
    Open Dialog
</p>
<div id="Dialog" title="Dialog title!" style="display: none;">
    @*  @{Html.RenderAction("Categories");}*@
    @{Html.RenderAction("About");}
</div>
<link href="../../Content/jquery.ui.all.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.8.11.min.js" type="text/javascript">
</script>
<script type language="javascript">

    $(function () {
        var execute = function () {
            //alert('This is Ok button');
        };
        var cancel = function() {
            //alert('This is Cancel button');
            $("#Dialog").dialog('close');
        };
        var dialogOpts = {
            buttons: {
                "Ok": execute,
                "Cancel": cancel
            }
        };
        $("#Dialog").dialog(dialogOpts);
    });

</script>

打开对话框

@*@{Html.RenderAction（“类别”）；}*@
@{Html.RenderAction（“About”）；}
$（函数（）{
var execute=函数（）{
//警报（“这是Ok按钮”）；
};
var cancel=函数（）{
//警报（“这是取消按钮”）；
$（“#Dialog”）.Dialog（'close'）；
};
变量dialogOpts={
按钮：{
“Ok”：执行，
“取消”：取消
}
};
$（“#Dialog”）.Dialog（dialogOpts）；
});

试试这个：

$（函数（）{
$（“#对话框_链接”）。单击（函数（e）{
e、 预防默认值（）；
$（“#对话框”）。对话框({
按钮：{
“确定”：函数（）{
log（'OK clicked！'）；
},
“关闭”：函数（）{
$（this.dialog（'close'）；
}
}
});
});
});

检查这把小提琴

---

工作演示

像这样的人！希望它适合你的事业

脚本

  <script type='text/javascript' src='http://code.jquery.com/jquery-1.5.js'></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>

      <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/blitzer/jquery-ui.css">

---

什么时候不关门？当单击“确定”时？另外，根据导入脚本和样式的方式，您应该知道js控制台中是否有错误。您可以删除

style=“display:none；”

，而改为添加到

对话框选项中：
自动打开：false
@Alexender是，当我单击取消时返回错误：TypeError:$（“#Dialog”）.dialog不是一个奇怪的函数，因为它无论如何都会打开对话框，这是同一个命令？对我来说很好..我使用JQuery 1.7.2和JQuery UI 1.8.18。它在JSFIDLE中很好，我知道：）但是我正在尝试用asp.net mvc 3？@user603007运行它。不用担心，布鲁夫！很高兴它帮助了你
：）
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.5.js'></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>

      <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/blitzer/jquery-ui.css">

$(document).ready(function() {
    $('#dialog_link').click(function(){
                $( "#Dialog" ).dialog( "open" );    
    });

    $( "#Dialog" ).dialog({
            modal: true,
            autoOpen: false,
            height: 255,
            width: 300,
            buttons: {
                "Retrieve": function() {

                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            },
    });


});


​