javascript - 是否可以改编以下 jQuery？

Question

我最近在我的网站上添加了一个在页面加载时响应式加载图标。除了我想在执行 JavaScript 函数时显示图像，因为如果用户在第一个 xmlhttp 请求完成之前第二次运行脚本，它将无法正常工作。

$(window).load(function() {
  $(".se-pre-con").fadeOut("slow");
});

.no-js #loader {
  display: none;
}
.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
}
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(images/loader-64x/Preloader_2.gif) center no-repeat #fff;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="se-pre-con"></div>

有没有办法修改 jQuery 使其更适合我？或者你们是否有完全不同的解决方案仍然可以解决问题？

Answer 1

如果您将其用于 AJAX。使用以下方式显示/隐藏加载器。

$(".se-pre-con").show(); // before initiate ajax call
$.ajax({
   url: "test.html",
   context: document.body
}).done(function() {
   $(".se-pre-con").hide();
});