手风琴之前呈现jQuery手风琴内容

Question

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

要查看效果到此page并单击图像，请在下一页渲染时观看。很多时候，你会很快地看到手风琴覆盖之前的内容清单。

其他信息：

1. 此症状不一致。有时页面渲染有时不完美。
2. 内容是从Wordpress模板创建的。我不明白为什么这会有所作为。

Answer 1

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

CSS

#accordion{display:none;}

JS

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

这可以给你一个额外的效果，并且会让你的网站有时间加载样式并使它变得神奇。

Answer 2

这被称为FOUC（无格式内容的Flash），而且当我处理jQuery FOUC时，我知道的唯一解决方案是隐藏元素与CSS 它还没有设计样式，当你认为闪存已经完成时，用jQuery显示它。

有时你没有看到FOUC，这是因为你的浏览器从缓存中抓取JS文件并且非常快速地设置所有内容，没有网络延迟。

Similar situation