I am use jQuery v1.8.2 and jQuery UI v1.9.2.
so My Problem is that.
On Button click event i have close the dialog
$('#oldInvoiceDialogDiv').dialog('close');
But Modal Property Remaining
Means after close dialog do not working like ui-widget-overlay property Dialog
$("#oldInvoiceDialogDiv").dialog({
autoOpen : false,
resizable : false,
width : 855,
modal : true,
close : function(ev, ui) {
}
});
so What is my Fault. Please tell me Thanks in advance
I am use jQuery v1.8.2 and jQuery UI v1.9.2.
so My Problem is that.
On Button click event i have close the dialog
$('#oldInvoiceDialogDiv').dialog('close');
But Modal Property Remaining
Means after close dialog do not working like ui-widget-overlay property Dialog
$("#oldInvoiceDialogDiv").dialog({
autoOpen : false,
resizable : false,
width : 855,
modal : true,
close : function(ev, ui) {
}
});
so What is my Fault. Please tell me Thanks in advance
Share Improve this question edited Oct 16, 2013 at 7:19 Rituraj ratan 10.4k8 gold badges37 silver badges55 bronze badges asked Oct 16, 2013 at 7:17 user2203993user2203993 831 gold badge2 silver badges6 bronze badges1 Answer
Reset to default 1If you are not doing anything in your close callback function remove it. If you do want to use it i think that this function should return Boolean at the end so try to add return true statement.
EDIT
Make sure that you initialize your dialog inside document ready handler:
$(document).ready(function(){
$("#oldInvoiceDialogDiv").dialog({
autoOpen : false,
resizable : false,
width : 200,
height:200,
modal : true,
buttons: {
"Close Dialog" : function(){
$( this ).dialog( "close" );
}
},
close : function(ev, ui) {
alert("in Close");
return true;
}
});
$('#btnOpen').click(function(){
$("#oldInvoiceDialogDiv").dialog("open");
})
});
Check this fiddle, i think it exactly your case.