页面加载后如何停止JQuery加载程序？

我无法让JQuery加载程序在加载网页后消失。什么类型的问题通常会导致加载程序无法停止

我的网站是使用Django框架构建的，位于本地计算机localhost:8000上。我已尝试清除缓存和Cookies，但此操作无效。我也尝试过设置一个超时，但这似乎也不起作用

我关心的一个问题是将加载程序放在哪里，因此我决定将其放在base.html上是最好的。这会影响它吗

在my base.html文件中：

<div class="loader-wrapper">
<span class="loader"><span class="loader-inner"></span></span>
</div>
    <script>
       $(function(){
          $(window).on("load", function(){
              $(this).remove();
              });
          });
        });
    </script>

我希望加载程序一直旋转直到页面加载，然后逐渐消失，但它所做的只是继续旋转

此代码从其他网站重复使用。我的目标是让它工作，然后检查代码以了解它是如何工作的，这样我就可以创建自己的加载程序

提前感谢您的帮助

编辑：当我将JQuery代码放在html文件的顶部时，它会加载到博客应用程序后面，并在后台继续旋转。

使用$.loader-wrapper.remove；而不是$this.remove

将您的js更改为

<script>
 $(window).on('load',function(){
      $('.loader-wrapper').remove();
  });
 </script>

---

在html脚本部分：

<script>

$(window).on("load", function(){
    $(document).ready(function(){
        $('.loader-wrapper').remove()
    })
})
</script>

---

这不起作用。当我删除脚本时，仍然会执行。我假设这意味着JQuery代码没有执行。有没有想过为什么会这样？我在控制台中发现一个错误，上面写着GEThttp://localhost:8000/jquery-2.1.4.js net:：ERR_中止404未找到。我假设它试图在本地机器上而不是在web上访问jquery。有没有办法解决这个问题？你可以为大多数常见的库添加一个指向谷歌托管库的链接。您的jquery版本的答案是：您可以在这里看到整个列表：谢谢！你发的时候我发现这是对的。有几个问题。一个是我需要使用来自googleapis的jQuerySRC。其次，jquerysrc需要发布在要执行的代码前面。谢谢大家的帮助！

<script>

$(window).on("load", function(){
    $(document).ready(function(){
        $('.loader-wrapper').remove()
    })
})
</script>