Text not displaying in a dialog
I'm encountering a strange problem with dialogs. Where any text put in
the <div> simply doesn't appear when the dialog is opened. The code
below suffices for illustrating the problem.
Code:
$('#confirm-delete').dialog({
modal: true,
close: function() {
$('#confirm-delete').dialog('destroy');
},
buttons: {
'Yes': function(event) {
$(this).dialog('close');
return false;
},
'No': function(event) {
$(this).dialog('close');
return false;
}
}
});
HTML:
<div class="flora" id="confirm-delete" title="Confirm Delete">
Are you sure?
</div>
The dialog opens and the only thing inside are the buttons. The text
"Are you sure?" is nowhere to be found. This seems to happen on the
jquery UI dialog demo page as well. Though text does initially appear
on the demo site, after closing the dialog and choosing any of the
other examples, the text is gone despite what the source shows.