隐藏模式窗口javascript

因此，为了显示此模式，我有以下代码：

<button type="button" onclick="openModal(); return false;">A button</button>

A按钮

这方面的javascript是：

<script type='text/javascript'>
function openModal(a)   
    {
        $.modal({
            content:  'Some content here',
            title: 'a title',
            maxWidth: 500,

        });
        win.closeModal();
    }

</script>

函数OpenModel（a）
{
美元模态({
内容：“此处有一些内容”，
标题：“标题”，
最大宽度：500，
});
win.closeModal（）；
}

---

我需要一个函数来隐藏这个。有谁能给我一些建议，告诉我如何使用hideModal（）函数，当我点击屏幕上的任何地方时，它会隐藏模态

在浏览器窗口中打开模式后，使用浏览器控制台进行尝试

  var modal;
    function btnsModal() {
        var btns = {
            'Close': function (win) {
                modal.closeModal()
            }
        }
        return btns;
    }

    function openModal(oLink, content) {
        var btn = btnsModal();
        modal = $.modal({
            buttons: btn
        });
    }

您可以将“打开”事件添加到对话框中，然后将click listener绑定到该对话框，如果您在任何位置单击，它将关闭对话框---

对于隐藏效果，可以使用“隐藏”选项---

这太傻了

我用css中的“无显示”修复了此问题。。。结果是我没有把它弄厚。。。我添加了display none和一个JS事件，该事件在单击页面中除model之外的任何其他位置时触发CSS

---

非常感谢大家的投入！真的很感激

试过了，什么都没有。。。你能给我一个js函数的例子，它会在调用时隐藏弹出模式吗？当我调用函数来显示模式时，它会工作。我可以添加一个按钮来关闭它，这并不难。。。困难的部分是创建一个调用时将隐藏modal.ReferenceError:win未定义的函数[Break on This Error]win.closeModal（）；这是来自控制台的错误消息，但win.closeModal（）是在函数中定义的，因此它不会隐藏窗口。此外，它确实会关闭模式的btn，但我要问的是，是一个隐藏函数，当我在屏幕上单击任意位置时，它将使用Yii框架隐藏模式。在他们关于模态widows的文档中，$.modal在创建时保留模态的结构，如内容、标题、宽度、可拖动、可调整大小、边框等。。。

open: function(){
        jQuery('.ui-widget-overlay').bind('click',function(){
            jQuery('#ID_of_ur_dialog').dialog('close');
        })
    }

hide: "highlight"