Как связать событие click с элементом создается в событии click?

Question

У меня есть сценарий, как это:

$(document).ready(function() { 
    $('.button').click(function() { 
     var button = document.createElement('button'); 
     $(button).addClass('button'); 
     $(button).html('Button'); 
     $(button).appendTo('.container'); 
    }); 
}); 

Пример: jsfiddle

Кнопки создается с помощью кнопки мыши не кликнул событие. Как подключить это событие, чтобы иметь возможность создавать кнопки с помощью любой кнопки?

Answer 1

Для работы с динамически генерируемыми элементами необходимо delegate the event handler.

Событие делегирование позволяет нам присоединить одного прослушивателя событий к родительскому элементу, который будет срабатывать для всех потомков, соответствующих селектору, независимо от того, существуют ли эти потомки или добавлены в будущем.

Вы можете использовать on() метод делегирования обработчика следующим образом:

$(document).on("click",".button",function() {}) 

Updated Fiddle