頁面性能：jquery + prototype.js

Question

我在放一個static website，它使用了幾個jQuery插件加上一個AJAX下滑選項卡。
我遇到的問題是關於我認爲在實施兩者時遇到的不良做法。
我有這種頁面加載奇怪的效果，其中標籤顯示爲前幾秒鐘左右。
我真的很感激，如果有人可以幫助電子找出如何解決這個問題。

Answer 1

它看起來像你的默認CSS有可見的選項卡和JS代碼的初始化是什麼隱藏標籤。你看到的是JS開始之前頁面的正常狀態。你的CSS應該讓它們默認爲'隱藏'或'關閉'狀態，JS應該負責在合適的時候顯示標籤。

Answer 2

要與你的屬性添加到@ dontGoPlastic的答案，你應該初始化標籤面板在你的CSS爲position: absolute，top: -224px和z-index（你可能不有定義display: block，因爲這是自然的顯示類型的DIV。

這不僅將初始化面板的視線（JS是否已經加載或沒有），但它也將讓你只需.animate()你的div top財產，而不必設置position，z-index，和display每次運行該方法時。