如何让自动完成功能处理使用 jQuery 创建的表单字段

Question

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

任务description输入字段是一个自动完成字段，它从同一 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')
});