HTML選項卡不預加載

Question

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

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

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

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

謝謝！

Answer 1

原因是您的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的頁面。