當使用jQuery創建對話框時，如何隱藏對話框div？

Question

我創建一個對話框，就像這個頁面：

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

（點擊查看源代碼）

底部是被放置在對話框中的股利。當被JavaScript調用時，該對話框工作得很好，但是當加載時，對話框顯示在頁面的底部。 （減去javascript函數調用時所應用的所有樣式）

如何隱藏div並仍然允許對話框使用它？我嘗試過設置style =「visibility：hidden」 ，但是這可以防止在javascript調用時顯示它。

Answer 1

這可能是一個愚蠢的問題，而不是"visibility:hidden"你試過"display:none;"？我必須爲我正在進行的一個項目解決同樣的問題，並且我確信顯示：沒有任何工作。

您還可以使用

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

選項「初始化」對話框（從而隱藏它和所有的好東西）。唯一的問題是，當頁面加載時，jQuery有機會隱藏它時，您可能會看到對話框「閃爍」。