异步加载映像

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

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

示例：

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

针对你的处境：

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