jQuery触发新添加的html代码

示例我有 2 个 html 输入

<div class="wrap">        
   <input class="autocomplete" name="auto_1" />
   <input class="autocomplete" name="auto_2" />
</div>

The auto_1 and auto_2使用 jQuery UI 自动完成并在文档准备好时触发$(function(){})

然后，如果我们点击我网站上的一个按钮，就会出现另一个按钮。按功能添加$('.wrap').append('<input class="autocomplete" name="auto_3" />')

现在总共有 3 个输入

<div class="wrap">        
   <input class="autocomplete" name="auto_1" />
   <input class="autocomplete" name="auto_2" />
   <input class="autocomplete" name="auto_3" />
</div>

但自动完成功能没有运行auto_3因为是新添加的。

如何让它运行/使用自动完成？

我认为问题不在于单击新输入，而在于新输入的自动完成。当您添加新元素时

$('.wrap').append('<input class="autocomplete" name="auto_3" />')

您必须将自动完成功能附加到这个新字段，因此

$('input[name="auto_3"]').autocomplete();

或者使用 livequery 插件进行自动完成：https://stackoverflow.com/a/4551313/657584 https://stackoverflow.com/a/4551313/657584