jquery - 在 IE 中隐藏页面内容，直到脚本完全加载到 jquery 中

Question

IE 刺耳了我的温柔......

在 jquery 显示之前，我不希望显示页面中受 jquery 控制的内容。但在 Internet Explorer、7 和 8 中，内容会在 jquery 接管之前闪烁进入 View 。我已经尝试过 $(window).load 和 $(document).ready 函数，但仍然遇到同样的问题。

具体来说，我不希望我的文本在 Cufon 显示之前显示，并且我不希望我的页面 #field 在曲线角变圆之前显示。另外，我有 jquery 循环幻灯片，并且幻灯片的所有内容都会同时短暂显示。

一个解决方案，但我不是特别热衷于它，是让整个该死的页面快速淡入:

$(window).load(function(){$("#field").fadeIn(0);});

即使时间设置为 0ms，这仍然可以使所有隐藏内容保持隐藏状态，直到 jquery 显示它。但缺点是，在页面之间导航时，它会使页面闪烁。 (我正在玩持续时间，但是对于 IE，它只会使页面空白时间更长——我从来没有能够使用 jquery 在 IE 中淡入任何内容)。

这里是涉及最多的页面:http://ianmartinphotography.com/test-site/testimonials/index.html关于和顶部目录中的主(主页)索引页面已启动并正在运行，我仍在处理其他内容...谢谢!

Answer 1

您可以利用的一种技术是在文档的 中添加以下内容。

<script>
document.documentElement.className = "js";
</script>

然后您可以使用 CSS 确保元素在使用 JavaScript 显示之前完全隐藏

.js .some-element {display: none;}

如果 JavaScript 由于某种原因无法工作，这也会正常降级。