加載HTML和標籤重繪問題底部的jquery UI - 選項卡

在特定頁面上，我使用jquery UI選項卡來製表我的網頁。我的JavaScript被放置在外部文件中並加載到我的HTML末尾。在準備好文件的事件上，我所做的第一件事就是致電tabify插件。加載HTML和標籤重繪問題底部的jquery UI - 選項卡

問題是，瀏覽器已經在此刻繪製頁面，然後在它將頁面標記爲頁面時重新繪製頁面。所以，我得到了瞬間閃爍的屏幕。我如何防止這種閃爍？我不想加載JavaScript，因爲我試圖根據Google PageSpeed/Yahoo YSlow建議來優化我的網站。

<html> 
<body> 
.... 

<script src="tabify.js"></script> 
</body> 
</html>

tabify.js

$('document').ready(function(){ 
$("#tabs").tabs(); 
});

2010-11-12 Aman

隱藏與CSS display:none;內容，然後使用$("#tabs").show().tabs();

2010-11-12 05:53:01 generalhenry

我試着用這一點，但問題是，它基達閃爍每個用戶點擊另一個選項卡時，不看起來順利，因爲我也使用嵌套選項卡 – Aman 2010-11-12 07:34:42

回答