追加另一个分区

Question

我试图追加另一个表单组。 添加的表单组按钮不起作用。 谁能告诉我为什么？

<div class="form-group"> 
    <input type="text"/> 
    <button class="add">Add</button> 
</div> 

JS

$('.add').click(function(){ 
$('.form-group').append(
'<input type="text"/>'+ 
'<button class="add">Add</button>' 
); 
}) 

Answer 1

你需要通过.on()使用事件代表团动态添加元素：

$('.form-group').on('click', '.add', function() { 
    $('.form-group').append(
    '<input type="text"/>' + 
    '<button class="add">Add</button>' 
); 
}) 

jsFiddle example