使用Jquery在加载时显示div

Question

我有这两个div!

<div id="loader">
</div>

和

<div id="wrapper">
</div>

"包装器div不在装载器div内部进行任何澄清"

我的剧本

$(window).bind("load",function() {
           $('#loader').css('display',none);
           $('#wrapper').css('visibility',visible);
        });

我打算用脚本做的是在页面完全加载后隐藏加载器div并显示包含页面所有内容的包装器div.我最初设置display:none了包装样式.

正如我所料,显示加载器div但是在加载完成后(我至少可以从鼠标的加载图标和favicon浏览器选项卡的区域中看出)但是包装器div没有显示.

你能帮忙的话,我会很高兴.

Answer 1

您应该使用$(document).ready()完全加载页面.

以下代码可以帮助您......

$(document).ready(function(){
    $('#loader').css('display','none');
    $('#wrapper').css('display','block');
});