如何让自动完成功能在使用jQuery创建的表单域上工作？

Question

在我的应用程序中，我有一个表单，用户可以添加tasks而无需重新加载页面。这是通过jQuery实现的。

任务description输入字段是autocomplete field，它从同一HTML页面中的隐藏div获取其数据。

问题是自动完成功能按照预期在所有已保存的任务上工作，但而不是对那些已经使用jQuery快速创建并且尚未保存的工作。

我jQuery代码是非常简单的：

$('input.description').autocomplete({ 
    source: $('#source').data('autocomplete-source') 
}); 

任何人能告诉我什么，我在这里失踪？

如何获取自动完成功能以处理尚未保存的新创建的任务？

感谢您的任何帮助。

Answer 1

我想你有一个jQuery将任务输入追加到某个元素。

$('body').append(newInput); 

所以之后，追加你必须再次调用自动完成设置，因为自动完成将只用于已创建时调用该函数的内容合作。

所以你完整的代码应该是这样的：

$('body').append(newInput); 
$('input.description').autocomplete({ 
    source: $('#source').data('autocomplete-source') 
});