HTML選項卡不預加載

-1

我遇到了選項卡式內容的問題。我下載了HTML/CSS/Javascript中非常漂亮的內容標籤。HTML選項卡不預加載

問題是，當頁面加載時，它一次顯示所有內容。只有當它完成加載後，纔會將其放入選項卡中。

有誰知道它爲什麼會這樣做？我正在考慮與JS做些什麼，不幸的是我對JS沒有任何瞭解。

如果需要，我可以發佈JS代碼。

謝謝！

2013-03-19 Craig

問題出在JS代碼和你的頁面上。我猜你已經建立了所有瀏覽器的頁面，這是正確的做法。但我猜你正在用jQuery隱藏內容？這會降低頁面下載速度，因爲它會始終運行。做這種標籤結構的最好方法是構建登陸頁面和內容，其中包含額外的鏈接以從一個出色的頁面加載新的源數據。類似於加載新頁面html的ajax請求函數。 – sourRaspberri 2013-03-19 13:43:30

原因是您的HTML（文檔）在應用JS之前首先加載。所以你最初會看到所有的HTML內容。解決這個

一種解決方案是最初隱藏通過CSS的內容，然後顯示它一旦JS已經轉換的內容爲標籤的內容。

A的這個基本的例子可以找到這裏http://jsfiddle.net/86pzN/

$(function(){ 
    setTimeout(function(){ 
     $("#tabs").tabs(); 
     $('#tabs-2,#tabs-3').show(); 
    }, 3000); 
});

的某些選項卡可以通過CSS被隱藏，然後示出的選項卡的功能已被施加之後。

p.s.我已經在這裏添加了setTimeout代碼，以在運行JS代碼之前慢慢模擬加載HTML的頁面。

來源

2013-03-19 13:40:23

謝謝！非常感激。我不知道該怎麼做。 – Craig 2013-03-22 08:11:55

HTML選項卡不預加載

回答

相關問題