在可重复的字段上使用jquery自动完成

Question

我目前正在开发一个小脚本，允许用户添加多个文本字段，这是一个屏幕截图：

用户开始填写每个字段，然后自动完成启动。这对于第一个初始文本输入非常有用。如果添加新的，则authocomplete不起作用。我首先要保存信息（通过发布表单），然后返回到该字段。然后，自动填充功能将起作用。

有没有我可以让它在飞行中工作？

这是我的jQuery：

jQuery(".post_email_repeatable").autocomplete({
    source:"get_posts.php",
    minLength:1
})

Answer 1

单击“+”按钮添加新字段时，需要在新输入上运行jQuery.autocomplete命令。

按下“+”按钮并添加看起来像这样的代码，找到正在运行的函数。

jQuery(newbutton).autocomplete({
    source:"get_posts.php",
    minLength:1
})

Answer 2

这是因为页面加载时DOM中没有输入。我建议使用.on（）方法确保它为新输入启动。一个简单的示例和docs

$(document).on('focus keyup', '.post_email_repeatbale', function(event){
$(this).autocomplete({
    ...
});
})