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