Jquery ui 防止jQueryUI选项卡显示未修改的HTML

使用jQueryUI选项卡的页面有时会在修改为选项卡之前显示原始标记：

当我看到这个时，它显示了大约0.2-1.0秒

---

如何防止原始标记显示？

听起来好像在jquery ui之前有一些javascript正在执行，所以可以简单地重新排列js标记的顺序吗

如果这不起作用，我建议进行黑客攻击-确保样式加载到页面上，如果文件下载速度不够快，这是值得怀疑的，因为浏览器很可能会缓存文件，而且文件一开始可能不是很大-无论如何，你可以复制样式并确保快速加载，然后专门在html中设置列表元素的类属性

如果您不喜欢这种攻击，那么这一个呢？将列表样式设置为display:none，然后运行use setTimeout以继续检查您想要查看的样式属性-当它存在时，将to块的显示设置为（或其他）当然，在看到属性后，请停止检查它。

这在中有介绍。

该内容称为FOUC（未设置样式的内容的闪存）。解决方案是使用css隐藏包含该选项卡的div，并在加载整个页面后使用javascript将其显示回来

$(window).load(function () {
   $('#your-tabbed-bar-div').show();
});

更多信息可在此处找到：

---

http://paulirish.com/2009/avoiding-the-fouc-v3/

老实说，我经常看到这种情况，我认为这取决于浏览器一些浏览器加载页面，然后jquery ui可能需要一秒钟才能生效。我只能建议找到一种方法来增加脚本的加载，或者在加载页面之前加载脚本文档是指向构成面板的DIV添加样式。闪烁的部分是组成标签的UL/LI。。。