jQuery + Simple Dialog

Question

J'ai une fenêtre jQuery Model qui contient un formulaire.

Lors de la création de la page, je suis en mesure de voir les champs bien que dans ma boîte de dialogue, j'ai défini autoOpen sur false.

Tous les formulaires sont dans un div.

un échantillon de ma boîte de dialogue ressemble à ceci:

$("#dialog-form").dialog({ 
       autoOpen: false, 
       height: 460, 
       width: 750, 
       modal: true, 
       buttons: { 
        'Create Map': function() { 
         document.registerFrm.submit(); 
        }, 
        Cancel: function() { 
         $(this).dialog('close'); 
        } 
       }, 
       close: function() { 
        allFields.val('').removeClass('ui-state-error'); 
       } 
      }); 

Toute façon de résoudre, je ne veux pas que les champs de formulaire pour être visibles de la charge/création de la page.

Answer 1

Vous devez cacher d'abord vis CSS, comme ceci:

#dialog-form { display: none; } 

L'ouverture de la boîte de dialogue provoquera à afficher ... c'est ce que les auteurs du widget de dialogue vous attendent à faire: Sinon, cachez la div contenant tous les formulaires ... ce que vous ne voulez pas cacher juste display:none sur cette enveloppe, la boîte de dialogue va saisir et montrer ce qui est dedans et le montrer en conséquence (juste ne pas faites le display sur chaque enfant, seulement le wrapper), comme ceci:

<div style="display: none;"> 
    <div id="dialog-form">fields here</div> 
    <div id="dialog-form2">fields here</div> 
</div> 

Ou ceci:

<div id="dialog-form" style="display: none;"> 
    fields here 
</div>