javascript - 如何知道文档中的所有图像何时加载到 Javascript 中？

Question

我正在重新加载 <div>满足 Ruby On Rails 的 ajax 功能，我正在重新加载 partial进入div我想知道所有图像何时加载，因为现在我有这个:

$(document).ready(function(){
    $("img").load(function(){
        alert("ok?");
    });
});

但有了这个，我不断收到此部分的每个图像的警告......

我不知道iuf有一个像$(allimgs)这样的选择器或者类似的事情，当所有图像加载完毕时我必须做什么才能捕获？

非常感谢。

Answer 1

如果您希望确保加载的所有图像没有错误，您必须自行滚动。如果没有，您可以使用已经显示的 .load ，它将在浏览器加载完资源后触发。

要自己推出，请执行以下操作:

 $(document).ready(function(){
    var imgs = $("img"), cnt = imgs.length;

    imgs
    .load(function(){
      if(!--cnt) {
        /* all images loaded */
      }
    })
    .error(function() { /* whoops an image failed to load */});
  });