javascript - fakeLoader.js如何让页面流畅跳转？

Question

我正在使用 fakeLoader.js用于在我的页面之间伪造加载效果的插件。但是，当我在页面之间切换时，它似乎在效果发生之前刷新了页面。我按照说明进行操作，但似乎什么也没发生。

HTML

<div id="loader">
</div>

JS

$(".loader").fakeLoader({
  timeToHide:1000,
  zIndex:"999",
  spinner:"spinner2",
  bgColor:"#fff", //Hex, RGB or RGBA colors
  imagePath:"assets/img/loading.gif"
});

Answer 1

ready 方法是在 jQuery 中实现的，用于在 DOM 完全加载时执行代码。由于它会在所有 DOM 元素都可用时执行给定的函数，因此您可以确保尝试访问或操作元素是可行的。

$( document ).ready(function() {
    $(".loader").fakeLoader({
      timeToHide:1000,
      zIndex:"999",
      spinner:"spinner2",
      bgColor:"#fff", //Hex, RGB or RGBA colors
      imagePath:"assets/img/loading.gif"
    });
});

请添加您的JS。在文档准备好并尝试一下吗？