如何在页面加载之前加载加载 jquery

Question

我想在页面加载实际网站之前添加一些 jquery。

我找到了一些代码，但它似乎不起作用？ 有点像在实际页面之前首先显示的加载条或 gif 图像。 由于我在 localhost 上工作，所以我不能给你网站。

我用它来帮助我的代码 - 也许我把它放在了错误的地方？ Click here for link

我添加到 header.php 的第一段和最后一段代码以及添加到 CSS 样式表的第二段代码...？

请帮忙！ 太棒了！

Answer 1

因此，当涉及到像这样的加载图像时，有很多方法可以做到这一点。您可以只在前面放置一个图像，以便它覆盖整个页面。然后执行以下操作：

$(document).load(function() {
  $('your-img-here').fadeOut(500);
});

但是，如果用户出于某种原因禁用了 JS，他们将永远盯着加载的 GIF。

另一种选择，虽然它有渲染阻塞 JS，但相应地定位图像，例如：

#your-img {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
}

这将有图像，但它不显示。然后，在 中，调用一点显示图像的 JS。这样，如果 JS 被禁用，加载 GIF 就不会触发。

如果您想知道，document.load 在文档完全加载之前不会触发。

希望对你有帮助！！！