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的页面。