Question

在特定页面上，我使用jquery ui tab来标记我的网页。我的JavaScripts放在外部文件中，并在我的HTML末尾加载。在文档就绪事件中，我要做的第一件事就是调用tabify插件。

问题是浏览器此时已经绘制了页面，然后在页面选中后重新绘制它。所以，我得到一瞬间闪烁的屏幕。如何防止这种闪烁？我不想加载JavaScripts，因为我试图根据Google PageSpeed / Yahoo YSlow建议优化我的网站。

<html>
<body>
....

<script src="tabify.js"></script>
</body>
</html>

tabify.js

$('document').ready(function(){
$("#tabs").tabs();
});

Answer 1

使用css display:none;隐藏内容，然后使用$("#tabs").show().tabs();