как определить, когда элемент Dynami c готов?

Question

Мне нужно определить, когда элемент Dynami c готов или когда $('root').append("<span id=\"child\"></span>"); загружен, чтобы я мог загрузить другой элемент в элемент child.

В настоящее время у меня есть:

$('root').after("<span id=\"child\"></span>");
setTimeout(function(){
  $('#child').append("<h1>brah</h1>");
}, 1000);

Хотя вышеуказанное решение действительно работает, 1 секунда - это слишком долго, чтобы ждать каждого элемента. И если я установлю таймер на 0, он станет несовместимым.

Есть ли лучший способ определить, когда DOM полностью загружен?

Answer 1

Вы можете определить элемент child как переменную следующим образом:

var child = $('<span id="child"></span>');

$('root').append(child);

child.append("<h1>brah</h1>");

После добавления вы можете использовать его для немедленного добавления другого дочернего элемента, без задержки,

Answer 2

Просто передайте обратный вызов .append и загрузите другой элемент.

$('#root').append("<span id=\"child\"></span>", () => {
  // Your code here!
});