jquery ui 对话框未显示

Question

I'm trying to show a jquery dialog box with code like:

var message = "Request processed successfully";
$('<div>'+message+'</div>').dialog({
   buttons:{
     'Add More':function(){window.location='index.py?mode=Receivable&cm=Add';},
     'View All':function(){window.location='index.py?mode=Receivable&cm=Browse&freshLoad=1';}
   }   
}); 

The text, and buttons (including 'close') all appear and look/work properly, but there is no containing box around them. I'm not getting any errors (ie: it can find all the images/scripts/etc. that it's looking for). I can give more details, but has anyone ran into a similar problem?

Answer 1

Using your code I was able to get it to work correctly.

http://jsfiddle.net/bzGEE/

Check your JS and CSS paths to ensure they aren't 404ing.

Answer 2

Lack of formatting in jQuery UI is usually due to bad or missing CSS. Make sure you have the jQuery UI CSS code and images included and the CSS file linked in your page. It should then work correctly.