2012-07-13 68 views
-2

如何在頁面加載時顯示加載圖像?rails:在頁面加載前加載圖像

你們可以指點我正確的方向嗎?我有一個軌道應用程序,利用一些jQuery和JavaScript。加載頁面需要一段時間。很可能是因爲我在JavaScript中使用嵌入的ruby代碼進行了多個SQL查詢。

現在,當用戶點擊鏈接轉到該特定網站時,幾秒鐘內沒有任何反應,然後加載整個頁面。

回答

1

您可以通過在其中包含加載動畫的重疊默認div來完成加載頁面。然後,當你的Javascript完成後,有一個回調將隱藏加載div。

但是,我會說當你需要一個頁面加載動畫的時候,有90%的時間應該考慮延遲加載(稍後加載)的方式儘可能多的處理。儘量避免頁面延遲,不惜一切代價。

+0

有沒有辦法讓我的JavaScript延遲運行? – bdeonovic 2012-07-13 21:49:30

+0

您可以將帶有AJAX調用的腳本放在頁面的最底部,以便在所有內容都已加載完畢後觸發。我也會將Ruby調用分解成儘可能小的部分,然後根據需要通過事件觸發部分。 – Wulfram 2012-07-13 21:52:57