Question

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

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

Answer 1

您可以为加载调用设置完整的处理程序。您可以在该功能中链接下一个电话

示例：

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

根据您的情况：

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

Answer 2

要按顺序加载多张图片，请尝试以下两个问题：

JavaScript waiting until an image is fully loaded before continuing script

Wait until image loads before performing function

异步加载图像

2 个答案: