How to create a dialog using jquery-ui without html div specified

Question

Using jquery-ui to create a dialog is pretty easy:

<script>
$(function() {
    $( "#dialog" ).dialog();
});
</script>

<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be   moved, resized and closed with the 'x' icon.</p>
</div>

...but one still needs a div in the HTML for this to work. In Dojo:

var dlg = new dijit.Dialog({
    title:"dialog",
    style: "width:30%;height:300px;"
});
dlg.show();

would just do the trick without anything specified in the html section, can jquery-ui do this? (I have to use jquery-ui here) Thanks,

David

Answer 1

While I'm not sure why you would want to open a dialog with no content, you could easily create a new one on the fly and invoke the jquery dialog against it:

$("<div>hello!</div>").dialog();