Javascript 尽管调用.fadeOut命令，Gif仍不会淡出

我试图得到一个gif，我必须在页面加载后淡出，但我没有太多的运气

我想覆盖，有一个白色的背景和gif，淡入透明度后，页面上的一切都被加载，并准备好被看到

下面是我的代码，也是我一直在测试的页面的链接：

有什么想法吗

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script
          src="https://code.jquery.com/jquery-3.1.0.slim.min.js"
          integrity="sha256-cRpWjoSOw5KcyIOaZNo4i6fZ9tKPhYYb6i5T9RSVJG8="
          crossorigin="anonymous"></script>
<div id="overlay">
<img src="https://www.isostech.com/wp-content/uploads/2015/04/loader.gif" alt="Loading" /><br/>
Loading...
</div>
Hello World!

<script>
$(window).load(function(){
$('#overlay').fadeOut();
});
</script>

---

您使用多个版本的jQuery。如果您删除jQuery3的include，或者进行以下更改，它将起作用

我最近在这里应用的SO:Docs中做了贡献，我认为很多人在切换到jquery3时不会意识到这一点

jQuery 3.0中不推荐使用所有其他文档就绪处理程序

---

即使您在代码中保留了两个jQuery包含，使用doc-ready处理程序也会起作用。

您使用了多个版本的jQuery。如果您删除jQuery3的include，或者进行以下更改，它将起作用

我最近在这里应用的SO:Docs中做了贡献，我认为很多人在切换到jquery3时不会意识到这一点

jQuery 3.0中不推荐使用所有其他文档就绪处理程序

---

即使您在代码中保留了两个jQuery包含，使用doc-ready处理程序也会起作用。

您包含了两个版本的jQuery。删除一个，它的工作很好：完美。你能把它放在下面，这样我就可以把你标记为正确的吗？没关系，我只想删除这个问题，因为这个问题是由一个不太可能在将来帮助任何人的疏忽造成的。等等，不！不要！即使您不接受我的回答，也让我概括一下我的发现，因为我认为许多人很快就会在新jQuery中遇到这种情况version@HunterTurner没错，但是有很多问题回答了“$。加载不是函数”错误，没有人会通过搜索“为什么我的gif不会褪色”来找到答案。您包括了两个版本的jQuery。删除一个，它的工作很好：完美。你能把它放在下面，这样我就可以把你标记为正确的吗？没关系，我只想删除这个问题，因为这个问题是由一个不太可能在将来帮助任何人的疏忽造成的。等等，不！不要！即使您不接受我的回答，也让我概括一下我的发现，因为我认为许多人很快就会在新jQuery中遇到这种情况version@HunterTurner没错，但是有很多问题回答了“$.load不是函数”错误，没有人会通过搜索“为什么我的gif不会褪色”来找到答案

#overlay {
    background-color: white;
    color: #666666;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    float: left;
    text-align: center;
    padding-top: 25%;
}

jQuery(function($) {
  // Run when document is ready
  // $ (first argument) will be internal reference to jQuery
  // Never rely on $ being a reference to jQuery in the global namespace
});