jQuery 触发新添加的 html 代码

Question

示例我有 2 个 html 输入

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

auto_1和 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 上没有运行自动完成功能因为它是新添加的。

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

Answer 1

我认为问题不在于点击新输入，而在于新输入的自动完成。当您使用

添加新元素时

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

您必须将自动完成附加到这个新字段，所以

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

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