HTML标签没有预加载

Question

我遇到标签内容问题。我在HTML / CSS / Javascript中下载了一个非常漂亮的内容标签。

问题是，当页面加载时，它会立即显示所有内容。只有在完成加载后才会将其放在标签中。

有谁知道为什么会这样做？我正在考虑与JS有关，不幸的是我对JS一无所知。

如果需要，我可以发布JS代码。

谢谢！

Answer 1

原因是您的HTML（文档）首先在应用JS之前加载。所以你最初会看到所有的HTML内容。

解决此问题的一个解决方案是最初通过CSS隐藏内容，然后在JS将内容转换为选项卡式内容后显示它。

这方面的一个基本示例可以在http://jsfiddle.net/86pzN/

找到

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

可以通过css隐藏部分选项卡，然后在应用Tab功能后显示。

p.s。我在此处添加了setTimeout代码，以模仿在运行JS代码之前缓慢加载HTML的页面。