How to put jQuery Dialog popup div into the jQuery code?

Question

I have a very simple message to display in one jQuery popup and I just want to generate it without adding extra divs into my HTML.

What I'd like to do is just open a dialog box with a message and thats it.

Here is something like that I want:

$("<div>Hello sir</div>").dialog("open");

But that doesn't work. Should it? It seems like that should just open a simple dialog box, shouldn't it?

Thanks!!

Darin Dimitrov · Accepted Answer · 2011-10-11 16:55:10Z

3

You don't need to call open, simply:

$('<div />').html('Hello sir').dialog();

And here's a live demo.

answered Oct 11, 2011 at 16:55

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thank you that worked. Will accept this answer in 6 min when StackOverflow lets me :)

DhruvPathak · Accepted Answer · 2011-10-11 16:51:55Z

1

Have you made sure you have included jQuery.UI library in addition to core jQuery ?

answered Oct 11, 2011 at 16:51

DhruvPathak

43.4k17 gold badges125 silver badges180 bronze badges

Yes and I am able to open the dialog boxes in other places where I reference a div in the html code.

Manse · Accepted Answer · 2011-10-11 16:57:06Z

1

$("<div>This is a test</div>").dialog();

answered Oct 11, 2011 at 16:57

Manse

38.1k11 gold badges88 silver badges112 bronze badges