加载完成前隐藏-jquery答案

【问题标题】：hide before load completed -jquery加载完成前隐藏-jquery
【发布时间】：2011-04-03 15:10:29
【问题描述】：

我已尝试使用此代码隐藏正文，并显示何时全部加载。但我注意到效果不好，因为当淡入淡出时，一些图像还没有加载。

我怎样才能做到这一点？

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


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

【问题讨论】：

【解决方案1】：

当然很简单：

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

【讨论】：

【解决方案2】：

如果您想等待图片（有问题的想法，但这是您的网站），您可以只处理“加载”事件：

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

我说这是一个值得商榷的想法，因为获取图像可能需要一些时间，这可能会造成混淆。但是，我当然不知道您的网站是什么样的，所以也许没问题。

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

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

在这种情况下这根本不重要，但这会更有效率。

【讨论】：