在dom上隐藏所有内容,直到所有内容都加载

时间:2013-12-22 12:11:11

标签: javascript jquery dom

我正在尝试更改页面上div的内容,但页面有很多要加载的东西,而在较慢的计算机上有一个闪烁,你可以看到div更改(通过jquery btw更改)。无论如何,一切都可以隐藏并显示所有内容,包括我使用jquery进行的更改?

2 个答案:

答案 0 :(得分:3)

我的网络应用程序遇到了类似的问题..这就是我做的事情

以HTML格式隐藏正文

<body style="display:none">

编写此脚本:

$(window).bind("load", function() {
   $("body").fadeIn(100);
});

或者这个脚本

$(window).load(function () {
   $("body").fadeIn(100);
}

这样可以创建漂亮的效果,并且仅在所有内容完全加载后显示页面。

答案 1 :(得分:2)

也许你可以做类似

的事情
<head>
     <style>
         body{
            display:none;
         }
      </style>
</head>
<body>
   flickery <div></div>s go here
</body>`

和你的剧本

$(window).load(function(){
    $(document.body).css("display","block"); //shows it when all the elements are ready for   presentation
});