jquery关闭点击

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');
        }

    })

好的。

我的问题:当我单击out时，是否存在对话框关闭它的任何方法或选项？？

Answer 1

您可以使用jQuery上下文菜单。

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

Answer 2

这个功能对我来说只有模态对话框才有意义。您可以在对话框周围的覆盖上使用单击事件：

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