在动态创建的输入字段上启用 jQuery 自动完成 [英] Enabling jQuery Autocomplete on dynamically created input fields

问题描述

我已经阅读了几乎所有我能找到的关于如何实现这一点的文章，但我仍然失败得很惨.主要是因为我是 jQuery/Javascript 的业余爱好者.

I've read almost every article i could find on how to accomplish this, but i'm still failing miserably. mostly because i'm an amateur at jQuery/Javascript.

我有一个包含一个输入元素的网站.我已经设法让 jQuery Autocomplete 在这方面很好地工作.问题是，当我使用 .append 方法动态添加其他元素时，这些新元素无法使用自动完成功能.

I have a website that contains one input element. I've managed to get jQuery Autocomplete working nicely on this. The problem is that when i dynamically add additional elements using the .append method, these new elements do not work with autocomplete.

参见jsfiddle:http://jsfiddle.net/aktive/r08m8vvy/

See jsfiddle: http://jsfiddle.net/aktive/r08m8vvy/

see jsfiddle for full code sample

预先感谢您的帮助！！:)-院长

Thankyou in advance for your help!! :) -Dean

推荐答案

添加新元素后必须绑定自动完成

You must bind autocomplete after adding new elements

$(wrapper).find('input[type=text]:last').autocomplete({
                source: availableAttributes
}); 

参见示例:http://jsfiddle.net/r08m8vvy/4/

这篇关于在动态创建的输入字段上启用 jQuery 自动完成的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！