爲什麼我從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'); 
});