Jquery ui jquery选项卡有时不呈现

我在一个web应用程序中遇到了一个奇怪的问题（使用jQuery 1.10.2和jQuery UI 1.10.3:tabs插件的选项卡有时呈现正确，有时呈现不正确。“不正确”意味着带有选项卡内容的

div

s会一个接一个地显示，不是吗

IE7、8、10和FF26以及具有严格策略和更宽松策略的机器上都会出现这种情况。 浏览器可能会错误地显示页面，然后只需按F5键，重新加载就会正确呈现。 以前有没有其他人遇到过类似的问题？我不知道如何处理这件事，但项目经理希望看到一些事情发生

---

（我已经使用CSE HTMLValidator验证了HTML/JS，但它没有报告问题，JS控制台也没有显示任何错误，但报告了一些警告（如“预期声明，但找到了”CSS声明，如“

*cursor:hand；

”等，但与我所做的工作无关）

您是如何加载选项卡内容的？下载时是在页面中，还是通过Ajax加载

如果已经存在于文档中，您应该尝试隐藏（display:none）content div，这样，如果选项卡初始化失败（可能是间歇性发生的），您就不会看到所有的内容div

这听起来可能是一个时间问题-选项卡在哪里初始化？确保document.ready函数中有这些选项卡，以便确保jQuery和jQuery UI首先被完全加载

失败后，您可以尝试从控制台手动初始化选项卡-结果（成功或失败）应提供一些额外的见解

---

还可以使用Firebug检查内容div，看看它们是否因选项卡初始化而改变-应该添加一些类。

你能在小提琴上显示问题吗？我想了一个精简的示例，但这并不是那么容易-因为我精简的任何内容都可能与问题有关-所以问题更复杂关于“调试过程”，需要查看的内容等，而不是修复错误代码行的问题…感谢John，提供了这些有用的建议。首先，所有内容都在页面中。初始化以$（文档）为单位。准备就绪。尝试从控制台调用init时根本没有MSG（但返回了一个包含所有div的对象）-但也没有更改UI。关于添加的类：容器div添加了“UI tabs UI widget”等，单个选项卡的div没有更改。在该状态下单击选项卡时，控制台显示

错误：jQuery UI tabs:不匹配的片段标识符

（比如在Firefox“Inspect元素”中检查HTML时出现的几个错误（或者是“Inspect”-我使用的是德语）似乎表明HTML有缺陷-但HTML验证程序没有发现不匹配标记的问题…如果内容DIV混乱，则通常会发生此错误，因此无法找到

中指定的ID。请检查是否在包含UL的同一DIV中有DIV。同时确保开始时没有“#”DIV ID的（您需要它在LI中的href中，但不需要在匹配的DIV ID中）.好吧…惊喜，惊喜…在重新检查HTML时，我发现了一个缺少的div，检查了我的PHP并修复了错误-最后一切都很好地呈现了！我确信HTML以前是完整的，但在过去几天中整个事情发生了很大的变化，我无法准确地复制-无论如何，我很高兴它能工作：）再次感谢您的支持和有用的建议！