jquery - добавить кнопку и после этого использовать событие jquery

Question

У меня проблемы со следующим кодом. Я хочу добавить некоторые элементы (теперь, например: кнопки; позже: это будут поля ввода) и щелкнуть по ним, чтобы что-то сделать.

Добавление нормально,но, нажимая на новые элементы (кнопки), JQuery ничего не делает.

Используется jquery-3.3.1.

Например, некоторые фрагменты:

html - до .append:

...
<div class="button">Button</div>
<div class="placeholder"></div>
...

JQuery:

...
$( ".button" ).on("click",function() {
  $('.placeholder').append('<div class="button">Button</div>');
});
...

HTML после .append:

...
<div class="button">Button</div>
<div class="placeholder">
    <div class="button">Button</div>
</div>
...

Answer 1

Поскольку элемент добавляется динамически, он недоступен при первой загрузке DOM.Вы должны получить к ним доступ следующим образом:

$(document).on("click","tag",function(){
  // do something
});

В вашем случае

$( "document" ).on("click",".button",function() {
  $('.placeholder').append('<div class="button">Button</div>');
});