jQuery UI选项卡:在呈现选项卡之前,页面加载时会分散注意力

时间:2011-03-22 03:28:51

标签: jquery jquery-ui-tabs

我想知道其他人是否有jQuery UI标签的问题。

http://jqueryui.com/demos/tabs/

我遇到的问题是当我的页面加载时,它会在短暂的几毫秒后呈现标签。我发现它非常分散注意力,因为它看起来对用户来说太刺耳了。我有大约5个内容标签。

有关使其渲染更快的任何提示吗?或者我可以使用任何其他jquery插件来做得更好吗?

提前致谢 斯科特

3 个答案:

答案 0 :(得分:2)

答案 1 :(得分:0)

这是因为当您加载页面时,您必须加载五个选项卡的全部内容。

要解决此问题,您可以将其指向仅加载第一个选项卡内容,然后,每次单击其他选项卡时,使用ajax加载该选项卡的内容。

希望这有帮助

答案 2 :(得分:0)

仔细检查您的CSS。在页面加载时,您应该使用隐藏它们的CSS类声明5个选项卡中的4个(显示:无)。

您的标签Jquery应该处理切换,然后在用户点击导航时隐藏/显示div。根据您的描述,听起来jquery在页面加载后应用CSS。通过从头开始隐藏它们,你将看不到跳跃。

请参阅@Haochi链接