jQuery +簡單對話框

Question

我有一個包含窗體的jQuery模型窗口。

在創建頁面時，我能夠看到字段，雖然在我的對話框中，我已將autoOpen設置爲false。

所有表單都在div中。

我的對話框樣本如下：

$("#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'); 
       } 
      }); 

任何方式解決，我不希望表單字段是在加載/創建頁面可見。

Answer 1

你需要開始隱藏可見CSS，就像這樣：

#dialog-form { display: none; } 

對話框的開通將使其顯示...這是什麼對話框控件的作者希望你做的事： ）

或者，隱藏包含所有表單的div ...不管你不想隱藏的只是display:none在那個包裝上，對話框將抓取並顯示或者其中的任何內容並相應地顯示它（只是不要對每個孩子做的display，只有包裝），像這樣：

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

或者只是這樣的：

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