JQuery Dialog .hide prevents :close from firing
Using the hide dialog option prevents the close event from firing.
HTML
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
JavaScript
var $dialog = $('<div></div>').html('Using the hide dialog option prevents the close event from firing. Clicking close does nothing. Try commenting out the javascript line with the hide effect to see the alert show up after clicking close.'
).dialog({
close: function () { alert('this will never show if hide option is active'); },
});
$dialog.dialog('open');