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

菲迪：这里

Answer 1

也用于.clone(true)克隆事件。（请参阅文档中的可选参数）。

http://jsfiddle.net/4mNG4/

或者使用事件委托：

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

Answer 2

将 true 传递给 clone 方法以包含事件绑定

查看更新的小提琴

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

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