Javascript Ajax JQuery html不使用函数

我提出了一个请求。successevet函数是一个div函数。 Ajax成功，但runFunction函数不运行

$("#dashboard").html("<img src='xxxxxx' class='runFunction'>");

---

您是否需要将侦听器更改为：

Javascript:

问题是，在您运行function.runFunction时，ajax尚未完成，或者您尚未使用class.runFunction创建元素img，并且该元素不存在，但是当您使用文档更改函数时，即使您在之后创建了元素，该函数仍能工作

---

问候

重复问题中涵盖了可能重复的问题。

<div id="dashboard">
  <div class="Loader"><div class="ball-pulse"><div></div><div></div><div></div></div></div>
</div>

function getGuilds() {
  $.ajax({
    type: "POST",
    url: "includes/ajax/getGuilds.php",
    dataType: "json",
    success: function(respo) {
      if (respo.type == "success") {
        $("#dashboard").html("<img src='xxxxxx' class='runFunction'>");
      } else {
        getGuilds();
      }
    }
  })
}
getGuilds();

$(".runFunction").click(function(){
  alert(1);
});

$(document).on("click", ".runFunction", function(){
   alert(1);
});