jquery-ui – jQuery UI选项卡首先加载为选项卡

我在一系列页面上使用jQuery UI和tab控件。
看起来，当加载页面时，选项卡最初加载为一个简单的列表，然后跳转到Tabstrip。

当我最初加载页面时，我得到：

然后，几秒钟后，它切换到这个(应该是这样)：

任何想法为什么会发生这种情况？我需要以特定的顺序加载.js和/或.css文件吗？或者，有没有办法隐藏初始列表，只有在“加载”时才显示标签？

解决方法

这是因为您在document.ready()中调用$(‘#id’)。tabs()，当DOM准备好被遍历时发生[ 1]。这通常意味着页面已被呈现，因此< ul>作为常规< ul>在页面上可见没有应用任何标签特定的样式。

这不是超级“干净”，但我用来解决这个问题的方法是将ui-tabs类添加到< ul>在HTML中，导致它立即应用CSS样式。缺点是你没有100％干净的行为和代码分离，但上升是看起来不错。