Question

$(function () {
    $('#records').dialog({
        autoOpen: true,
        modal: false,
        buttons: {
            "Ok": function () {
                $(this).dialog("close");
            },
            "Cancel": function () {
                $(this).dialog("close");
            }
        }
    });
});

<div id="records" title="Results">
    Content to Display
</div>

The dialog box appears without any content. Can anyone tell me why this is?

Answer 1

This works for me – see this http://jsfiddle.net/rqf3t/ but this has no css. I imagine the problem must be the css you are using – you don’t have a <p> tag around Content to Display (which the samples on the jQuery site do) so I wonder if the CSS is hiding the content. Try

1) Adding a <p> tag around your content, as in the example

2) Using firebug or similar to see if “Content to Display” is actually there, but hidden by CSS.