为什么我从jquery生成的按钮没有事件？

Question

为什么我从jquery生成的按钮没有事件？

<input type='button' value='Populate' id='pop'/> 
<input type='button' value='Click' id='btn'/> 

$('#pop').on('click', function(){ 
    var clone = $('input[id*=btn]').clone(); 
    $(this).after(clone); 
}); 

$('#btn').on('click', function(){ 
    alert('clicked'); 
}); 

fiddle

Answer 1

您在应用事件侦听器的后正在创建克隆按钮。当克隆（）一个元素只有 DOM结构被克隆，事件不是。

无论用户Event Delegation或简单地传递true到clone()功能把它克隆事件也（按照the spec）

$('#pop').on('click', function(){ 
    var clone = $('input[id*=btn]').clone(true); // < pass true here 
    $(this).after(clone); 
}); 

DEMO：http://jsfiddle.net/rvhhv8sf/3/

P.S. Id必须是唯一的;）

Answer 2

标识的应该是唯一的。所以把你的ID号码btn改成了课程。使用event-delegation。试试这个：

$(document).on('click','.btn', function(){ 
    alert('clicked'); 
}); 

DEMO

Answer 3

要复制的ID是错的只是复制类代替。

<input type='button' value='Populate' id='pop'/> 
<input type='button' value='Click' id='btn' class="btn"/> 


$(document).on('click','.btn',function(){ 
    alert('clicked'); 
}); 

试试这个（根据你的问题）：

$(document).on('click','#btn',function(){ 
    alert('clicked'); 
}); 

编辑：

小提琴链接： - http://jsfiddle.net/nLkvejss/

Answer 4

试试这个：

$(document).on('click', "#btn", function(){ 
    alert('clicked'); 
});