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

【问题标题】：Issues with jQuery UI autocomplete when form added with Javascript使用 Javascript 添加表单时 jQuery UI 自动完成的问题
【发布时间】：2012-11-01 19:42:39
【问题描述】：

我似乎无法自动完成使用我使用 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 新路径动态添加），它将正常工作。如何自动完成以收听动态添加的内容？

【问题讨论】：

标签： jquery ruby-on-rails ruby-on-rails-3 jquery-ui

【解决方案1】：

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

【讨论】：