Javascript 向动态创建的输入添加不同的JQuery UI自动完成

更新1我需要将自动完成添加到新创建的克隆

   $('input[name^="numEmp"]').autocomplete({

    source: Empleados,select: function(event, ui) {$(this).val(ui.item.value);return false;}});         

$('input[name^="servicioNom"]').autocomplete({

    source: Servicios,select: function(event, ui) {$(this).val(ui.item.value);return false;}});




   $(".Nuevo").on("click", function() {
   $(".readdireccion:last").clone().insertAfter(".readdireccion:last").

   find('.emp').autocomplete({
   source: Empleados,select: function(event, ui) {$(this).val(ui.item.value);}}).

   find('input[name^="servicioNom"]').autocomplete({
   source: Servicios,select: function(event, ui) {$(this).val(ui.item.value);}});   



});

好像没法把他们弄进去

更新2！终于工作了，非常感谢萨尔曼A

   $('input[name^="numEmp"]').autocomplete({

    source: Empleados,select: function(event, ui) {$(this).val(ui.item.value);return false;}});         

$('input[name^="servicioNom"]').autocomplete({

    source: Servicios,select: function(event, ui) {$(this).val(ui.item.value);return false;}});




   $(".Nuevo").on("click", function() {
   $(".readdireccion:last").clone().insertAfter(".readdireccion:last")

   $('input[name^="numEmp"]').autocomplete({

    source: Empleados,select: function(event, ui) {$(this).val(ui.item.value);return false;}});         

$('input[name^="servicioNom"]').autocomplete({

    source: Servicios,select: function(event, ui) {$(this).val(ui.item.value);return false;}});


});

---

希望这能帮助有这些问题的人看看。在您的情况下，最好不要使用普通JavaScript来克隆元素。用于克隆元素；并调用新创建的元素。正如我在评论中所建议的，不要克隆具有或包含ID属性元素的元素。重复的ID元素不好。

克隆导致重复的ID会产生意外的结果。那么您认为重复的ID会导致自动完成问题吗？在大多数浏览器中，如果有多个Foo元素，$Foo只选择第一个。不太确定您说的是什么。。。我该如何解决这个问题？这是我最后的选择。在过去的两天里，我一直在这样做：-/谢谢！然而，我开始有所进展，在你发给我的小提琴中，你只能删除一次，之后它会忽略指令更改。克隆到。克隆真的删除了，但现在新元素的自动完成以某种方式链接到了第一个。另外，我不确定它是否适用于你，但新生成的字段必须为空。对不起，可能我在我点击按钮add employee我想要一个具有自己自动完成功能的新元素现在从您给我的代码中我设法将每个元素分配给我的，但我不确定如何添加，因为我在自动完成中使用它，其中numEmp是我要在输入中填写的员工Id选择：functionevent，ui{$numEmp[0].valui.item.value；$numEmp[0].valui.item.desc；返回false；