Ajax JQuery HTML не использовать функцию

Question

Я делаю запрос Ajax.Успех evet функция - это шанс div html.Ajax успешно выполнен, но функция runFunction не запускается.

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

HTML-код:

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

AJAX-код:

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);
});

Answer 1

вам нужно изменить ваш слушатель на это:

Javascript:

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

Проблема заключается в том, что во время запуска функции .runFunctionajax не завершен или вы не создали элемент img с классом .runFunction и не существует, но когда вы изменяете функцию с помощью document, она работает, даже если вы создаете элемент после.

Привет! * * 1013