如何預加載Javascript / JQuery / HTML對話框

Question

我在Swing和WPF方面有很多經驗但在Javascript方面並不多。 我正在學習。 以下是我想做的事情

• 為最終用戶提供一個HTML頁面
• 預加載對話框，將顯示以響應用戶操作

目前我將對話框的所有div作為文檔的一部分加載，然后在文檔$(document).ready()函數中調用hide() 。

然后我打開並關閉它們。 這一切目前都有效。 但是我有以下問題：

• div有時會暫時出現在頁面加載上
• 令我很生氣的是，所有這些不屬於索引頁面的對話框都必須作為索引頁面的一部分加載。 （我是代碼組織的小強奸）。

提前致謝，

圭多

Answer 1

jQueryUI對話框將緩解您的顯示問題。 我發現它比我自己寫的任何東西都更穩定。 您可以使用AJAX動態加載內容並將該標記放入單個對話框DIV中。 它就像知道DIV的ID一樣簡單，根據AJAX響應設置html，然后在彈出窗口中調用.dialog（）。

Answer 2

您可以使用設置為的樣式屬性啟動對話框dival off：

style="display:none;"

這是jQuery在調用.hide（）時所做的事情，然后你就不必等待jquery在隱藏元素之前做好准備，CSS會自動為你做