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

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

查看更新后的fiddle

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

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

jQuery keyup无法处理克隆输入

2 个答案: