jQuery keyup не работает с клонированным входом

Question

Любые идеи, почему клавиатура не работает на клонированных входах? Благодаря!

здесь код:

HTML:

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

ЯШ:

$('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

Pass верного метод клонирования включить привязки событий

Смотрите обновленного fiddle

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

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