如何通過點擊外部函數使用jquery ui來關閉非模態對話框

Question

這裏我定義了一個調用各種對話框的函數，但是我不能通過點擊外部來關閉它。請幫助我。

感謝

的JavaScript

/*function for dialog box */ 

function dialogBox(dialoge,opener){ 
if(dialoge.length>0 && opener.length>0){ 
    dialoge.dialog({ 
    autoOpen: false, 
    width: 300, //width 
    height: "auto", 

    buttons: { 
     Close: function() { 
     dialoge.dialog("close"); 
     } 
    } 
    }); 
$("body").on("click",".ui-widget-overlay",function() { 
dialoge.dialog("close"); /*this works for modal */ 
}); 
    opener.click(function() { 
    dialoge.dialog("open"); 
    return false; 
    });  
} 
} 

函數調用

var desc_add = $(".dialog"); 
var desc_open = $(".opener"); 
if(desc_add && desc_open){ 
desc_open.change(function(){ 
    dialogBox(desc_add, desc_open); 
    }); 
dialogBox(desc_add, desc_open); 
} 

紅寶石

<%= image_tag("/assets/help.png", :alt => "info", class: "opener") %> 
<div id="dialog" title="HELP">for the addess</div> 

Answer 1

有許多例子在這裏，可能適合你的情況：

How do I detect a click outside an element?

不要忘記解決您的JavaScript，它有一個額外}）