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

我认为你的javascript文件在那时没有加载，因此你的$或jQuery是未定义的。

Answer 2

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

<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()函数中。

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

2 个答案: