jQuery 키가 복제 된 입력에서 작동하지 않습니다.

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'});  
});