jQuery文檔准備太慢

Question

我的網站中有兩個頁面都顯示模式表單。 這些頁面正在使用jModal插件，並且一切正常。

我的問題如下。

一頁，一切都很好，性能也很棒。

在第二頁上，所有內容都是相同的，除了上面有一些廣告，這對性能的影響很小。

這種點擊是可以接受的，但是由此產生的延遲可以允許訪問者在顯示模式窗口之前單擊頁面上的鏈接。 因此，訪客可能會錯過模態窗口。

該代碼位於$（）。Ready之內，我認為這是造成此問題的原因，因為頁面必須等待廣告服務器完成廣告投放。

我刪除了$（）。Ready，但這只是導致代碼根本無法執行。

有沒有一種方法可以在文檔准備就緒之前鎖定頁面？

Answer 1

一種方法是在您的網站上添加一個覆蓋層，該覆蓋層始終可以用$（）刪除。在所有內容之上都准備好就緒，不允許其單擊。

Answer 2

我將提供此替代選項，因為它是我通常選擇的選項。

樣式可以忽略文檔最初的外觀與jQuery觸發時間之間的差異。

例如（在您的情況下），您有鏈接暴露給用戶，同時等待jQuery隱藏它們（以回旋方式）。 只需先使用CSS隱藏它們，然后在您的初始jQuery中將它們顯示出來（一旦它完全初始化即可）。

我在UI上滑動時遇到了這個問題； 我有一個龐大的列表，其寬度將根據swiper插件（初始化時）設置。 相反，我只是在CSS文件中設置了一個很大的寬度（故意過度補償），然后讓swiper插件完成了工作。 典型的用戶將無法分辨。

仍然不是萬無一失，但是在這種情況下，CSS比等待jQuery快得多，並且與其他選項不同，您不需要合並其他覆蓋。

Answer 3

將模式窗口放在文檔准備就緒頁面下方的頁面頂部

Answer 4

謝謝大家的幫助。

最后，我添加了一個疊加層，可以快速，簡單地完成工作。