是否可以防止頁面加載時顯示jquery對話框？

Question

嘿傢伙我真的不知道如何將標題縮短，但我的問題是當我的頁面加載時，它包含一個jquery對話框應該從關閉開始。它的確如此，但是當頁面首次加載時，該頁面的內容會在頁面加載完成之前簡要顯示，然後消失。它看起來有點尷尬，所以我想知道是否有人知道某種解決方案來解決這個問題或平滑它。任何幫助讚賞。

Answer 1

向設置display：none的div添加一個類。

對於應用廣泛的解決方案，從保羅愛爾蘭讀到FOUC here

FOUC是個不受歡迎的客人到你 晚會管間funtimes的。他來到 並分散用戶眼睛 他們不應該看到的東西，然後 然後離開這麼快。我們不 喜歡他.....在你的CSS文件

Answer 2

當你調用.dialog()確保傳遞autoOpen option爲false，像這樣：

$("#myDiv").dialog({ 
    autoOpen: false 
}); 

這可以防止該對話框立即打開，你以後打開它通過調用open method：

$("#myDiv").dialog("open"); 

---

由於@redsquare積分你應該有它style="display: none;"開始機智h時，無論是在網上還是在外部CSS，所以它沒有顯示JavaScript的運行之前，這是一個單獨的問題比dialog()顯示它最初，像這樣：

<div id="myDiv" style="display: none;">Stuff</div> 

或者在CSS：

#myDiv { display: none; } 

對話框打開將顛倒這種none風格。

Answer 3

設置此：

#myDiv { display: none } 

和

$("#myDiv").dialog({ 
    autoOpen: false 
}); 

在JS

。