modal인 경우
$(document).ready(function() {
$("#dialog").dialog({
bgiframe: true,
autoOpen: false,
height: 100,
modal: true,
open: function() {
$('.ui-widget-overlay').off('click');
$('.ui-widget-overlay').on('click', function() {
$('#dialog').dialog('close');
})
}
});
});
modal이 아닌 경우
// id가 btnServiceList button 클릭 시 divServiceList dialog 보여줄때
$(document).ready(function() {
$("#divServiceList").dialog(
{ modal: false },
{open : function() {
$('body').off("click");
$('body').on("click", function(e){
if($('#divServiceList').dialog('isOpen')
&& !$(e.target).closest('#btnServiceList').length
&& !$(e.target).is('.ui-dialog, a')
&& !$(e.target).closest('.ui-dialog').length
){
$('#divServiceList').dialog('close');
}
});
}},
{close : function() {
$('body').off("click");
}}
);
}
