Question

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

enter image description here

当我看到它时，它显示估计0.2 - 1.0秒。

如何阻止原始标记显示？

Answer 1

这些东西被称为FOUC（无格式内容的Flash）。对此的解决方案是使用css隐藏包含该选项卡的div并使用javascript将其显示回来在加载整个页面之后。

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

更多信息可以在这里找到： http://www.bluerobot.com/web/css/fouc.asp/ http://paulirish.com/2009/avoiding-the-fouc-v3/

Answer 2

听起来有一些javascript在jquery ui之前执行，所以它可以像重新排列js标签的顺序一样简单吗？

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

如果你不喜欢那个黑客，那么这个 - 将列表样式设置为display：none，然后运行使用setTimeout继续检查你想要看到的样式属性 - 当它在那里时，设置显示阻止（或其他），当然，看到它后停止检查属性。

Answer 3

中介绍了这一点