2011-01-22 72 views
1

我已經完成了stackoverflow的先決條件搜索和在互聯網上查找。我懷疑答案是'這不可能完成。 '但我希望這裏有人可能有解決方案。如何在JS完成之前延遲頁面顯示?

我的頁面加載正常,但許多YUI組件在顯示之前未完全加載。例如,我的DataTable將在顯示時自動調整大小,或者我的按鈕將以其原始形式出現,然後得到YUI-fied。

是否有延遲頁的顯示,直至所有的JavaScript結束(即我所有的YUI組件完成渲染)的方法嗎?我不知道這會如何發生,因爲很多JS依賴於DOM來操縱它。

+0

不是一個真正的答案,我不usualy使用YUI,你有沒有嘗試預加載CSS的形象?這篇文章可以幫助嗎? http://www.yuiblog.com/blog/2010/06/10/gallery-preload – andrea 2011-01-22 03:08:55

回答

1

是否有延遲的頁面

如果我理解正確的話,你想隱藏它,直到它完成的顯示 的方法嗎? 如果是這樣的情況下,我有一個想法:

  1. 添加的元素周圍的包裝,你 要隱藏(或使用 位置:絕對掩蓋它)
  2. 給該div其使用 的背景用 正z索引
  3. 當所有您的JavaScript加載除去 z索引或背景的顏色改變爲透明
周圍的顏色

JavaScript代碼是這樣的:

  • 做1和2
  • 加載JS
  • 做3

當然它需要時線。
作爲替代你可以在元素本身上使用visibility:hidden/visible,但我不知道是肯定的,如果是很好的支持。

+0

這是有幫助的。我會更多地考慮如何實現這一點。 – Avery 2011-01-25 07:05:01

0

試着把你的Javascript放在頁面的頭部,就好像它接近頁面末尾一樣,它會稍後加載(使第一個元素加載速度更快)。或者,更好的是,通過CDN(例如Amazon CloudFront)提供您的Javascript壓縮文件,以便快速加載。

相關問題