jquery隐藏预加载

这是我的页面

有一些tweek附加到页面（滚动条和箭头）和一些定位

---

你有没有办法完全隐藏一切（只保留背景）。。完成这些操作，并显示完成的页面？

为什么不将css

display

属性设置为

none

，并在加载文档时用JS更改它？如果您在页面上使用，它可能如下所示：

CSS:

JavaScript:

$(document).ready(function() {
    $('#mydiv').show();
});

---

为什么不将css

display

属性设置为

none

，并在加载文档后用JS更改它呢？如果您在页面上使用，它可能如下所示：

CSS:

JavaScript:

$(document).ready(function() {
    $('#mydiv').show();
});

---

这类问题以前曾被问过。你所说的并不是“预加载”——它只是在页面完全加载之前阻止用户查看页面。这不会使页面加载更快

只需将整个页面放在一个容器中，并使用CSS将该容器的显示模式设置为

none

。然后，在文档准备就绪或加载最后一张图像后，只需将容器的显示模式更改为除

none

以外的任何模式：

var imgTotal = 10; // total number of images on your page
var imgCount = 0;

$("img").load(function(){
  imgCount++;
  if (imgCount == imgTotal)
    $("#container").show();
}

---

然而，考虑到你的页面在我的浏览器上加载不到一秒钟，我真的看不出这有什么意义。

以前有人问过这类问题。你所说的并不是“预加载”——它只是在页面完全加载之前阻止用户查看页面。这不会使页面加载更快

只需将整个页面放在一个容器中，并使用CSS将该容器的显示模式设置为

none

。然后，在文档准备就绪或加载最后一张图像后，只需将容器的显示模式更改为除

none

以外的任何模式：

var imgTotal = 10; // total number of images on your page
var imgCount = 0;

$("img").load(function(){
  imgCount++;
  if (imgCount == imgTotal)
    $("#container").show();
}

---

但是，考虑到您的页面在我的浏览器上加载不到一秒钟，我真的看不出这有什么意义。

为了补充Calvin的答案，可以通过添加以下功能来预加载图像：

$.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    $("<img>").attr("src", arguments[i]);
  }
}

---

出于礼貌，将该代码放在加载内容之前。

为了补充Calvin的答案，可以通过添加此函数来预加载图像：

$.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    $("<img>").attr("src", arguments[i]);
  }
}

---

出于礼貌，请将代码放在加载的内容之前。

这不完全是图像，而是页面元素改变了问题

我要把尸体藏起来 jquery的最后一个参数是css:visible

干得好。。2秒加载，所有人都出现了

---

谢谢

这不完全是图像，而是页面元素改变了问题

我要把尸体藏起来 jquery的最后一个参数是css:visible

干得好。。2秒加载，所有人都出现了

---

谢谢

我会使用DOM将其显示设置为“无”，然后在$（窗口）上显示它

否则，如果他们没有启用JS，他们将永远看不到任何东西

---

我注意到你的网站在没有JS的情况下仍然可以浏览，干得好

我会使用一个DOM将其显示设置为无，然后在$（window.load）上显示它

否则，如果他们没有启用JS，他们将永远看不到任何东西

我注意到你的网站在没有JS的情况下仍然可以浏览，干得好