點擊關閉模式框

Question

我想在用戶點擊後臺頁面的其餘部分時關閉查詢ui模式框。

我加入這個片段要做到這一點，但它不工作：

$('.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