jquery - jquery ui dilog 关闭点击

Question

我创建 jQuery UI 对话，如果显示，当我点击它时关闭

  $('#myDial').dialog({
        autoOpen: false,
        resizable: false,
        width: 230,
        height: 170,
        modal: false,
        open: function() {
            window.closedialog = 1;
            $(document).bind('click', function(){
                if (window.closedialog) {
                    $('#myDial').dialog('close');
                }
                //set to one because click on dialog box sets to zero
                window.closedialog = 1;
            });
        },
        focus: function() {
            window.closedialog = 0;
        },
        close: function() {
            $(document).unbind('click');
        }

    })

行。

我的问题：当我点击退出时，对话框是否存在关闭它的任何方法或选项？

Answer 1

您可以使用 jQuery 上下文菜单

https://github.com/medialize/jQuery-contextMenu

Answer 2

这个功能对我来说只有模式对话框才有意义。您可以在对话框周围的叠加层上使用点击事件：

$('.ui-widget-overlay').on("click", function() {
    $(document).find(".dialog").dialog("close");
});