如何让自动完成功能在使用 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')
});