Javascript 加载完成前隐藏-jquery_Javascript_Jquery_Load_Hide_Fade

Javascript 加载完成前隐藏-jquery

javascript jquery

Javascript 加载完成前隐藏-jquery,javascript,jquery,load,hide,fade,Javascript,Jquery,Load,Hide,Fade,我已经尝试了这个代码来隐藏身体，并显示何时全部加载。但我注意到，这种方法效果不佳，因为当淡入淡出时，一些图像尚未加载我怎样才能达到这个效果 <script type="text/javascript"> $(document).ready(function(){ $('.nav').fadeIn(700); }); </script> <body class="nav" style="display: none"> 如果您想等待图像，但这是您的站点，您

我已经尝试了这个代码来隐藏身体，并显示何时全部加载。但我注意到，这种方法效果不佳，因为当淡入淡出时，一些图像尚未加载

我怎样才能达到这个效果

<script type="text/javascript">
$(document).ready(function(){
$('.nav').fadeIn(700);
});
</script>


<body class="nav" style="display: none">

如果您想等待图像，但这是您的站点，您可以只处理加载事件：

$(document).load(function() { $('.nav').fadeIn(700); });

我认为这是一个值得怀疑的想法，因为获取图像可能需要一些时间，这可能会让人困惑。然而，我不知道你的网站看起来像什么，当然，所以也许它是好的

哦，还有：如果你真的只是针对身体元素，那么你可以使用

$('body').fadeIn(700);

在这种情况下，这一点都不重要，但效率会更高。

当然，这很简单：

$(window).load(function() {
    $('.nav').fadeIn(700);
});

是的，问题是文档，只是更改为窗口。谢谢