jquery - 通过 jquery 预加载

Question

我正在开发一个网站，我正在使用QueryLoader预加载我的网站，以便它突然加载..

我正在使用以下代码：

    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'></script>

    <link rel="stylesheet" href="load/css/queryLoader.css" type="text/css" />
    <script type='text/javascript' src='load/js/queryLoader.js'></script>

    <script>
    QueryLoader.selectorPreload = "body";
    QueryLoader.init();
    </script>

但我没有得到想要的结果，因为它首先正常加载网站，然后 QueryLoader 进入现场。我怎样才能让 QueryLoader 先加载。

Answer 1

在我看来，用于检查 DOM 的 img 标签的脚本必须要么将页面加载到 jquery var 中，要么等待 Dom 加载

如果您不希望任何图像正常加载，您可以使用占位符，将图像 URL 放在数据属性中，然后使用类似的东西简单地预加载它们

$(function() { 
  var img, preloadArr=[],$imgs=$("img");
  $imgs.each(function() {
    img =new Image();
    img.src=$(this).data("URL");
    preloadArr.push(img);
  });
  $imgs.each(function(i) {
     $(this).attr("src",preloadArr[i].src);
  });

});