jQuery 手风琴内容在手风琴之前呈现答案

【问题标题】：jQuery accordion content renders before accordionjQuery 手风琴内容在手风琴之前呈现
【发布时间】：2013-08-10 11:21:52
【问题描述】：

问题是 jQuery 手风琴的内容经常在手风琴之前呈现。虽然这只会在短时间内发生，但它很混乱，我希望它能够完美执行。我对此进行了研究，发现报告的类似问题很少。我正在寻找有关此类问题的可能原因的建议。我意识到我的问题含糊不清，但目前我对可能的原因一无所知。

要查看此page 的效果并单击图像，然后观看下一页呈现。诚然，您经常会看到手风琴覆盖之前的内容列表。

附加信息：

【问题讨论】：

【解决方案1】：

好吧，页面加载时似乎没有应用样式。我不确定 ir JS 是否添加了一些额外的类，但您可以尝试在 js 运行之前应用 css 样式，或者只是隐藏 div 手风琴，然后在加载完成后显示。类似：

CSS

#accordion{display:none;}

$(function(){
 $('#accordion').fadeIn('slow'); //of maybe .slideDown()
});

这可以给你一个额外的效果，让你的网站有时间加载样式并发挥它的魔力。

【讨论】：

【解决方案2】：

这被称为 FOUC (Flash of Unstyled Content)，据我所知，当您处理 jQuery FOUC 时，唯一的解决方案是在 with CSS 时隐藏元素它还没有样式化，当你认为 flash 完成时用 jQuery 显示它。

有时您看不到 FOUC，这是因为您的浏览器从缓存中抓取 JS 文件并快速设置样式，没有网络延迟。

【讨论】：