Question de boîte de dialogue JQuery

Question

J'ai commencé à utiliser la bibliothèque jquery ui pour ajouter des éléments d'interface utilisateur améliorés à l'application asp.net. et j'ai rencontré un bogue mineur/problème:

J'ai une boîte de dialogue d'interface utilisateur jquery qui est appelée quand un bouton est cliqué .. le texte de la boîte de dialogue est tout à fait et est normalement caché à l'utilisateur, puis le jquery UI fait sa magie et utilise ce texte pour afficher la boîte de dialogue - tout fonctionne parfaitement.

Voici le code:

<input type="button" value="Cancel This Event" onclick="$('#myCancelEventDialog').dialog('open');" /> 

et voici la div:

<div id="myCancelEventDialog" title="Cancel an Event or Meeting"> 
    <p>Are you sure you would like to cancel this event/meeting?</p> 
</div>  

La question est, à chaque fois que ma forme repeint, le texte "caché" clignote en fait sur la page pour une scission deuxième avant qu'il ne se cache à nouveau. (La « êtes-vous SRE vous souhaitez annuler cet événement/texte de réunion est en fait visible pour une fraction de seconde)

Est-il possible d'éviter cela?

Answer 1

Je définis le style sur le div à "affichage: aucun" La boîte de dialogue change cela quand il affiche

<div id="myCancelEventDialog" 
     title="Cancel an Event or Meeting" 
     style="display: none;"> 
    <p>Are you sure you would like to cancel this event/meeting?</p> 
</div> 

Answer 2

Régler la hauteur sur le contrôle à zéro. Cette comme il se rend à l'écran à 0 hauteur? C'est un peu une conjecture par la voie ...

Answer 3

De quel navigateur? Vous pouvez également tester la visibilité CSS en réglant lay: none et défait cela juste avant que vous n'ouvriez le dialogue.