我正在寻找一个模式对话框(使用UI对话框)与独特的CSS是独立于传统的对话框，所以本质上有两个jQuery对话框，每个看起来不同。
我有一个样式，例如，
<div id="dialog_style1" class="dialog1 hidden">One content</div>
和另一个
<div id="dialog_style2" class="dialog2 hidden">Another content</div>
不幸的是，我注意到，使用单独的CSS来对对话框的样式部分，如
.dialog1 .ui-dialog-titlebar { display:none; }
.dialog2 .ui-dialog-titlebar { color:#aaa; }
不工作，因为.ui-dialog-titlebar没有类.dialog1，我不能做一个addClass或者没有插入插件。
一个替代方法是让一个像body的元素具有唯一的类/ id(取决于我想要的)，但这将排除在同一页面中有两个对话框。
我如何做到这一点？
解决方法
当前版本的对话框有“dialogClass”选项，您可以使用它的id。
例如，
例如，
$('foo').dialog({dialogClass:'dialog_style1'});
然后CSS将
.dialog_style1 {color:#aaa;}
