Question

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

我找到了一些代码，但它似乎不起作用？有点像加载条或gif图像，首先显示在实际页面之前。当我在localhost上工作时，我无法给你这个网站。

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

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

请帮忙！ Thaaaank你！

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不会触发。

希望这有帮助!!!