2008-09-04 15 views
4

J'essaie la boîte de dialogue de jquery UI. Tout le demos utilise flora.css. Je ne parviens pas à afficher correctement la boîte de dialogue avec le fichier css généré par l'application themeroller. Ai-je raté quelque chose? Ces choses devraient-elles fonctionner hors de la boîte?Comment faire pour que la boîte de dialogue jquery fonctionne avec les thèmes de themeroller?

Mise à jour: Merci Brock. Quand j'ai nettoyé mon code pour en faire un échantillon, j'ai réalisé que le HTML dans demo.html (qui vient avec le themeroller.zip) est un peu trop verbeux. Tout ce que je devais faire était donner à la div de dialogue l'attribut class="ui-dialog" comme ceci:

<div id="SERVICE03_DLG" class="ui-dialog">please enter something<br><br> 
<label for="something">somthing:</label>&nbsp;<input name="something" id="something" type="text" maxlength="20" size="24"> 
</div> 

Je vais accepter votre réponse. Merci pour votre temps.

+0

La solution a été trouvée dans [une question similaire] (http://stackoverflow.com/questions/45600/a-problem-with-the-jquery-dialog-when-using-the-themeroller-css) Je posté : – Ovesh

Répondre

1

Je pense que c'est parce que vous avez des classes différentes.

<div id="SERVICE03_DLG" class="flora"> (flora) 
<div id="SERVICE03_DLG" class="ui-dialog"> (custom) 

Même avec le thème de la flore, vous auriez encore utiliser pour le définir comme une boîte de dialogue classe ui-dialog.

J'ai déjà fait des modaux et je n'ai même jamais défini de classe dans la balise. jQueryUI devrait prendre soin de cela pour vous. Essayez de vous débarrasser de l'attribut class ou de la classe ui-dialog.