CSS在页面呈现后生效

你有几个选择。首先,一旦jqueryui完成了它的魔力,您就可以隐藏选项卡并显示它们。其次,您可以设置选项卡的样式,使它们看起来与完成的输出足够接近,这样更改就不会那么明显了。第三,您可以删除jqueryui并仅使用CSS设置选项卡样式。所有有效的方法,我想说。

希望这有帮助!

编辑:

对于第一个选项,假设这是包含选项卡的div:

<div id="tabs">
  ...stuff...
</div>

#tabs {
    display:none;
}

var t = $("#tabs");

t.tabs({
    create:function(){
        t.show();
    }
});

古怪情人的回答几乎对我有效(使用jquery1.5.2),但我不得不钩住 create

var t = $("#tabs");

t.tabs({
    create:function(){
        t.show();
    }
});

谢谢!

浏览器通常加载HTML代码中显示的文件。一定要把对你的CSS文件的引用放在第一位,以便它尽快加载。

如果CSS是使用Javascript应用的,那么就不可能让它加载得更快。Javascript文件需要先加载才能使用。

除此之外,我认为没有办法控制浏览器渲染的工作方式。

CSS是通过Javascript应用的吗?在这种情况下,您可以添加一些静态CSS,通过添加一些静态CSS,确保元素在javascript执行之前至少得到水平排列。