点击关闭模态框

Question

当用户点击后台页面的其余部分时，我想关闭查询ui modalbox。

我添加了这个代码片段，但它不起作用：

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

Example

Answer 1

$('body').on('click','.ui-widget-overlay', function() {
    $('.ui-dialog').filter(function () {
    return $(this).css("display") === "block";
    }).find('.ui-dialog-content').dialog('close');
});

DEMO

这有效......找到了here