jQuery keyup不適用於克隆輸入

Question

任何想法爲什麼keyup不適用於克隆輸入？謝謝！

這裏是代碼：

HTML：

<ul> 
    <li><input type="text"/></li> 
</ul> 
<a href="#">new</a> 

JS：

$('a').click(function(){ 
    var children = $("ul li:first").clone(); 
    $("ul li:last").after(children); 
}); 

$('input').on("keyup", function(){ 
    $(this).css({'background':'yellow'});  
}); 

fidde：here

Answer 1

使用.clone(true)也克隆事件。 （請參閱文檔中的可選參數）。

http://jsfiddle.net/4mNG4/

或者使用事件委派：

$(document).on("keyup", 'input', function(){ 
    $(this).css({'background':'yellow'});  
}); 

Answer 2

山口真到了克隆的方法包括事件綁定

查看更新fiddle

$('a').click(function(){ 
    var children = $("ul li:first").clone(true); 
    $("ul li:last").after(children); 
}); 

$('input').on("keyup", function(){ 
    $(this).css({'background':'yellow'});  
});