jquery - 如何在页面加载前加载 load jquery

标签 jquery html css helper

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

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

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

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

求助! 谢谢你!

最佳答案

所以当涉及到像这样的加载图像时,有很多方法可以做到这一点。您可以将图像放在前面,使其覆盖整个页面。然后做类似的事情:

$(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 在文档完全加载之前不会触发。

希望这有帮助!!!

关于jquery - 如何在页面加载前加载 load jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32240307/

相关文章:

javascript - 一旦 div 高度达到最大高度,动态扩展 div 的宽度到内容

html - 带有 float 元素的 CSS Flex 样式

html - 为什么我的 div 堆叠顺序错误?

javascript - 如何在悬停时获取图像的整个 HTML?

jquery - 模态窗口隐藏在标题后面?

javascript - 在不影响布局的情况下使用 jquery 扩大/缩小图片库

jquery - 计算子 DIV + 添​​加类

jQuery:元素数组到原始 html?

javascript - 更改模板标签后 John Resig 的微模板出现语法错误 <# {% {{ 等

javascript - 按下鼠标后,抓取 child 的(数字)位置