jquery - 使用 Javascript 添加表单时 jQuery UI 自动完成的问题

Question

我似乎无法自动完成使用我使用 javascript 添加到屏幕的表单。例如，我正在使用我的新路线来呈现我的对象的形式。在 rails 文件中的 new.js.erb 中，我有以下内容：

$("div#container").hide().html("<%= escape_javascript render 'form' %>").fadeIn();

渲染后，如果我在输入元素中键入：

<input id="object_name" name="object[name]" placeholder="Name" size="30" type="text">

并用 javascript 收听：

jQuery ->
  $('input#object_name').autocomplete
    source: ['Test', 'Testing', 'Test 234']

就自动完成而言，我一无所获。如果我复制并粘贴此表单并在加载时将其显示在屏幕上（而不是使用我的 rails 新路径动态添加），它将正常工作。如何获得自动完成功能以收听动态添加的内容？

Answer 1

看起来您的自动完成脚本是在#object_name表单元素之前添加的 - 如果您确保在#object_name添加到文档后重新定义自动完成脚本，那么一切都应该很好。