jQuery UI Dialog individuelle de style CSS

Je suis à la recherche de style une boîte de dialogue modale (à l'aide de Dialogue de l'INTERFACE utilisateur) avec unique CSS qui est séparée de la boîte de dialogue classique, donc, en substance, d'avoir deux jQuery boîtes de dialogue que chaque aspect différent.

J'ai un style, par exemple,

<div id="dialog_style1" class="dialog1 hidden">One content</div>

et un autre

<div id="dialog_style2" class="dialog2 hidden">Another content</div>

Malheureusement, j'ai remarqué que l'utilisation séparée CSS pour mettre en forme les pièces de la boîte de dialogue, comme

.dialog1 .ui-dialog-titlebar { display:none; }
.dialog2 .ui-dialog-titlebar { color:#aaa; }

ne fonctionne pas parce que .ui-dialog-titlebar n'a pas la classe .dialog1, et je ne peux pas faire un addClass soit sans rupture dans le plugin.

Une alternative serait d'avoir un élément comme body ont une unique classe/id (en fonction de ce que je veux), mais qui empêcheraient d'avoir les deux boîtes de dialogue dans la même page.

Comment puis-je faire cela?

InformationsquelleAutor Rio | 2009-08-20