Javascript 刚创建的4个img元素的加载

嗨，我有一个div作为一个问题的答案容器，我在每次点击时都会添加4个IMG标签作为答案

我想创建一个加载器，所以当所有4个img加载它时，在这里显示它们是我的一些代码

<div class="answer"></div>



   $(".question").text(items[0].title);
for (let k = 0; k < items[0].answers.length; k++) {
  $(".answer").append(
    "<img value=" + k + " src='/assets/img/" + items[0].answers[k] + "'/>"
  );
}
let i = 1;

$("body").on("click", ".answer img", function() {
  questionNum++;
  $(".curent-num").text(questionNum);
  let curentAnswer = $(this).attr("value");
  if (i < items.length) {
    $(".question").text(items[i].title);
    $(".answer").empty();
    for (let j = 0; j < items[i].answers.length; j++) {
      $(".answer").append(
        "<img value=" + j + " src='/assets/img/" + items[i].answers[j] + "'/>"
      );
    }
    i++;
    answers.push(curentAnswer);
  } else {
    answers.push(curentAnswer);
    $(".second-page").addClass("d-none");
    $(".third-page").removeClass("d-none");
    $(".top-nav a").removeClass("second-page-backBtn");
    $(".top-nav a")
      .removeClass("second-page-backBtn")
      .addClass("third-page-backBtn");
    console.log(answers);
  }
  if (questionNum >= 10) {
    questionNum = 10;
    $(".curent-num").text(questionNum);
  }
});

$（“.question”）.text（项目[0]。标题）；
for（设k=0；k=10）{
问题数=10；
$（“.current num”）.text（questionNum）；
}
});

检查此线程它将帮助您$（“img”）.one（“加载”，function（）{$（“.answer img”）.css（“显示”，“块”）；}）；有了这个，我可以第一次加载，但第二次我可以尝试使用

Ctrl+M

将代码放在可运行的代码段中。