当页面在jquery中加载时，停止隐藏的div在屏幕上闪烁

Question

我正在使用

$(function() {
    $('#div1, #div2, #div3').hide();

在我的脚本的开头，然后使用.fadeIn（）将它们淡入。但是，当页面加载时，它们会在IE中的屏幕上出现一秒钟。有什么方法可以阻止这种情况吗？

Answer 1

在每个div上添加以下属性：

<div id="div1" style="display:none;"></div>

Answer 2

将“display：none”添加到CSS：

<style type="text/css">
        #divs {
            display:none
        }
    </style>

Answer 3

好吧，如果您不太担心已禁用JS的用户，您可以随时使用CSS隐藏它。

另一种选择是将代码直接放在DIV下面，这样它们就可以在加载DIV时执行，而不必等到整个DOM加载完毕。我真的不喜欢这个选项，因为你要让JS穿插你的HTML