jquery - jQuery 手风琴内容在手风琴之前呈现

Question

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

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

附加信息：

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

Answer 1

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

CSS

#accordion{display:none;}

JS

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

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

Answer 2

这被称为 FOUC（无样式内容的 Flash），据我所知，当您处理 jQuery FOUC 时，唯一的解决方案是在尚未设置样式时用 CSS隐藏元素，并用 jQuery 显示它当你认为闪光已经完成时。

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

类似情况