I'm having problems with using the fade effect for my dialogs.
They don't close either way if they're modal or not.
var defaults = {
bgiframe : true,
modal : true,
draggable : false,
resizable : false,
position : 'center',
dialogClass : 'alert',
closeOnEscape : true,
title : title,
width : 350,
hide : { effect: 'fade', duration: 1000 },
height : 'auto',
minHeight : '150',
minWidth : '200',
maxHeight : '700',
maxWidth : '900',
buttons :
{
'Ok' : function() { $('#'+$.fizzer_dialog).dialog('close').dialog('destroy'); }
}
};
var options = $.extend ( defaults, param );
// already open
// don't draw. only show content and reconfiguring
if( $('#'+$.fizzer_dialog).dialog('isOpen') != true ) {
$('#'+$.fizzer_dialog).dialog('destroy').dialog(options);
}
$('#'+$.fizzer_dialog).dialog('option',options);
$('#'+$.fizzer_dialog_msg).html(text);
$('#'+$.fizzer_dialog).dialog('option',options);
Here's the dialog execution code. You can view how it works on fizzer.ph, sign up button opens a dialog.
You can firebug the code yourself (it's in loader.js).
PS: other effects work fine.