jQuery UI的dilog接近clickout

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