jquery ui对话框关闭点击

Question

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

  $('#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");
});