异步加载图像

Question

$(document).ready(function() { 
     $(".box2").load("page1.html"); 
    }); 
    $(".box2").ready(function() { 
     $(".box3").load("page1.html"); 
    }); 

这是我的代码，我有几个盒子都带有图像，我想要它，所以当图像1（page1.html）加载时，只有下一个必须加载，而不是之前第一个被加载。

Answer 1

依次加载多张图片，请尝试以下两个问题：

JavaScript waiting until an image is fully loaded before continuing script

Wait until image loads before performing function

Answer 2

您可以为加载调用设置一个完整的处理程序。 您可以在该函数内链中的下一个呼叫

例子：

$("#result").load("ajax/test.html", function() { 
    alert("Load was performed."); 
}); 

您的具体情况：

$(document).ready(function() { 
    $(".box2").load("page1.html", function() { 
     $(".box3").load("page1.html"); 
    }); 
});