Question

我已尝试使用此代码隐藏正文，并显示何时加载整体。但我注意到它运行不正常，因为当淡入淡出时，一些图像尚未加载。

我怎么能做到这个效果？

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


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

Answer 1

当然这很简单：

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

Answer 2

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

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

我说这是一个值得怀疑的想法，因为它可能需要一些时间来获取图像，这可能会令人困惑。但是，我当然不知道你的网站是什么样的，所以也许没关系。

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

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

在这种背景下并不重要，但这样会更有效率。