如何通过点击外部函数使用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，它有一个额外}）