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

我正在使用

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

在我的脚本开始时，然后使用.fadeIn（）将它们淡入。然而，当页面加载时，它们会在IE的屏幕上出现一瞬间。有什么方法可以防止这种情况发生吗？

在CSS中添加“显示：无”：

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

#divs{
显示：无
}

在CSS中添加“显示：无”：

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

#divs{
显示：无
}

在每个div上放置以下属性：

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

---

在每个div上放置以下属性：

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

---

如果你不太担心禁用JS的用户，你可以用CSS隐藏它

---

另一种选择是将代码直接放在DIV下面，这样就可以在加载DIV时执行它们，而不必等到加载整个DOM。我真的不喜欢这个选项，因为你将在HTML中穿插JS。如果你不太担心禁用JS的用户，你可以用CSS隐藏它

---

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

内联样式不是一个好的做法，使用像

hidden

这样的CSS类可以在显示停止排列后删除该类。内联样式不是一个好的做法，使用CSS类，如

hidden

，可以在显示器停止排列时删除该类。