jQuery UI 选项卡:在呈现选项卡之前分散页面加载暂停的注意力

发布于 10-24 13:48 字数 291 浏览 5 评论 0原文

我想知道其他人是否对 jQuery UI 选项卡有这个问题。

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

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

有什么技巧可以让它渲染得更快吗?或者我可以使用其他任何 jquery 插件来做得更好吗?

提前致谢 斯科特

I was wondering if others have this problem with jQuery UI Tabs.

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

The problem I have is when my page loads, it renders the tabs after a brief few milliseconds. I find it very distracting because it looks so jarring to users. I have about 5 tabs of content.

Any tips on making it render faster? Or else any other jquery plugins I can use to do it better?

Thanks in advance
Scott

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

丢了幸福的猪2024-10-31 13:48:53

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

为了解决这个问题,你可以让它只加载第一个选项卡内容,然后,每次单击其他选项卡时,使用ajax加载该选项卡的内容。

希望这有帮助

This is because when you load the page, you have to load the whole content of five tabs.

To solve this problem, you can point it to load only the first tab content, then, everytime you click on the other tabs, using ajax to load that tab's content.

Hope this helps

梦忆晨望2024-10-31 13:48:53

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

您的选项卡 Jquery 应该负责切换,然后在用户单击导航时隐藏/显示 div。根据您的描述,听起来 jquery 在页面加载后应用 CSS。通过从一开始就隐藏它们,您将看不到跳跃。

见@Haochi 链接

Double check your CSS. On page load you should have 4 out of your 5 tabs declared with a CSS class that hides them (display:none).

Your tab Jquery should take care of the toggle then to hide / show the divs when the user clicks on your navigation then. From what you are describing it sounds like the jquery is applying the CSS after page load. By hiding them from the beginning, you won't see the jump.

See @Haochi link

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文