jquery选项卡有时不会呈现

时间:2014-01-24 06:43:36

标签: jquery-ui jquery-tabs

我在网络应用程序中有一个奇怪的问题(使用jQuery 1.10.2和jQuery UI 1.10.3:选项卡(Tabs-plugin)是正确呈现的,有时没有。“不正确”意味着{标签内容的{1}}一个显示在另一个下面,没有

这种情况发生在IE7,8,10和FF26以及具有严格政策的机器以及具有更宽松政策的机器上。 浏览器可能显示页面错误,然后您只需按F5并重新加载渲染正确。 有没有其他人有类似的问题?我不知道如何处理这个问题,但是项目-mgr希望看到发生的事情......

(我已经使用CSE HTMLValidator验证了HTML / JS并且它没有报告问题,JS控制台也没有显示任何错误,但报告了一些警告(例如'预期声明,但发现'*'用于CSS-声明如'div'等,但与我所做的事情无关)

1 个答案:

答案 0 :(得分:1)

您是如何加载标签内容的?是在下载页面时,还是通过Ajax加载?

如果已经存在于文档中,则应该尝试隐藏(display:none)内容div - 如果选项卡初始化失败(这可能是间歇性发生的事情),那么您将无法全部看到它们。

听起来这可能是一个时间问题 - 标签初始化在哪里?确保你在document.ready函数中有它们,这样你就可以确保首先完全加载jQuery和jQuery UI。

失败后你可以尝试从控制台手动初始化标签 - 结果(成功或失败)应该提供一些额外的见解。

还可以使用Firebug检查内容div,看看它们是否会被标签初始化更改 - 应该添加类。