Lors de la création d'un dialogue avec jquery, comment puis-je masquer la boîte de dialogue div?

Je suis entrain de créer une boîte de dialogue comme dans cette page:

http://jqueryui.com/demos/dialog/#modal-confirmation

(cliquez sur afficher la source)

sur le fond est la div qui est placé dans la boîte de dialogue. La boîte de dialogue fonctionne parfaitement lorsqu'il est appelé par le code javascript, mais le dialogue est apparente au bas de la page quand il charge. (moins tout le style qui est appliquée lorsqu'elle est appelée par la fonction javascript)

Comment puis-je cacher la div et permettent encore à la boîte de dialogue de l'utiliser? J'ai essayé paramètre style="visibility:hidden"
mais qui l'empêche d'être montré, lorsqu'il est appelé par le javascript.

OriginalL'auteur stormist | 2010-03-25

  1. 31

    Cela peut être une question stupide, mais au lieu de "visibility:hidden" avez-vous essayé "display:none;"? J'ai eu à résoudre le même problème pour un projet, je travaille et je suis raisonnablement sûr d'affichage:aucun n'a fonctionné.

    Vous pouvez également utiliser le

    $(foo).dialog({ autoOpen: false });

    option "initialiser" le dialogue (et donc de le cacher et de toutes les autres bonnes choses). Le seul hic, c'est que vous aurez probablement voir la boîte de dialogue "flicker", comme le chargement de la page, mais avant de jQuery a une chance de le cacher.

    display:none est la façon dont $.hide() fonctionne, et je suis sûr que jQuery UI est de l'utiliser dans cette situation.
    Travaillé parfait merci 🙂
    Qu'on ne vous y allez avec display:none ou autoOpen:false?
    style="display: none;" a parfaitement fonctionné
    la façon dont vous l'ai eu droit ?

    OriginalL'auteur R0MANARMY