close jquery ui dialog when clicked out side - Javascript Views : 201
Tagged in : Javascript
0 0
Send mail


close jquery ui dialog when clicked out side the dialog box

Add this code on document.ready function,


$(window).click(function(event) {
if (($(event.target).closest('.ui-dialog')).length>0) {
// if clicked on a dialog, do nothing
return false;
}
else if(event.target.id!='your dialog id''){
$('.ui-dialog-content:visible').dialog('close');
}
else {
// if clicked outside the dialog, close it
$('.ui-dialog-content:visible').dialog('close');
}
})
By Guna, On - 2011-08-12



    Login to add Comments .