Javascript jQuery弹出窗口通过单击弹出窗口的任意位置添加关闭功能

我正在使用jQuery对话框创建一个弹出框，但我似乎可以在单击框外的任何位置时将其关闭，我尝试添加

closeOnContentClick: true

这是我的密码：

  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

$（文档）.ready（函数（）{
$（“#打开对话框”）。单击（函数（）{
$（“#dialog”）.dialog（{model:true，高度：590，宽度：1005，closeOnContentClick:false}）；
});
});
弹出

---

当你点击框的任何地方时，有没有关于如何关闭框的建议？

看看这个，它可能非常适合你。

$（“#打开”）。单击（函数（）{
$（'dialog'）。dialog（'open'）；
});
您的非模态对话框
jQuery（文档）.ready（函数（）{
jQuery（“对话框”）.dialog({
自动打开：错误，
莫代尔：是的，
打开：函数（）{
jQuery（'.ui小部件覆盖'）.bind（'click'，function（）{
jQuery（'#dialog'）。dialog（'close'）；
})
}
});
}); 

非常感谢。

<script type="text/javascript">
    $(document).ready(function () {
        $("#OpenDialog").click(function () {
            $("#dialog").dialog({modal: true, height: 590, width: 1005, closeOnContentClick: false });
        });
    });
</script>

<a id="OpenDialog" href="#">Click here to open dialog</a>
<div id="dialog" title="Dialog Title">
    <p>pop up</p>
</div>

$('#open').click(function() {
    $('#dialog').dialog('open');
});

<div id="dialog">Your non-modal dialog</div>
<a href="#" id="open">Open dialog</a>

jQuery(document).ready(function() {
jQuery("#dialog").dialog({
    autoOpen: false,
    modal: true,
    open: function(){
        jQuery('.ui-widget-overlay').bind('click',function(){
            jQuery('#dialog').dialog('close');
        })
    }
});
});