隐藏正文直到加载，jQuery淡出而不是javascript隐藏

Question

我使用这段代码来隐藏客户端的页面，直到它被加载：

<style type="text/css">
#cover {position: fixed; height: 100%; width: 100%; top:0; left: 0; background: #1984B5; z-index:9999;}
</style>
<script type="text/javascript">
window.onload = hide;
function hide(){
nav1=document.getElementById('cover').style
nav1.display='none';
}
</script>

但是这个转换与javascript隐藏有点不协调。我想使用jQuery淡出，但看起来他们已经将jQuery $重新定义为jQuery，我不知道如何重写它，所以它可以工作。我试着用jQuery替换$，但没有成功：

$("#cover").fadeOut(5000);

Answer 1

我在我的网站上也做同样的事情。这是我的代码（与你的代码基本相同）：

<script src="Content/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#cover').delay(2000).fadeOut('slow');
    });
</script>

在加载之后，我还通过AJAX动态加载了一些其他内容，所以延迟也让我有足够的时间进行渲染。但我同意另一个答案：确保首先加载jQuery脚本，并确保将fadeOut行放在$(document).ready()函数中。

Answer 2

我认为您的javascript文件当时没有加载，所以您的$或jQuery是未定义的。