JQuery dom 个元素的自动完成 disabled/enabled

Question

我有一个包含多个文本字段的页面，我希望它具有 JQuery 自动完成功能。

course.html.erb

<textarea class="text_area courses" id="dynamic_id" name="dynamic_name"></textarea>

more_courses.js.erb

<textarea class="text_area courses" id="dynamic_id" name="dynamic_name" disabled></textarea>

application.js

//= require jquery-ui

courses.js

$(".courses").autocomplete({
    source: '/courses'
  })

我遇到的问题是一些文本字段在打勾后来自 js.erb 文件。它注入另一个文本区域，其中包含通过 js.erb.

提交的搜索课程

第二个文本区域的自动完成功能不起作用。

如何使自动完成的第二个文本区域可见？

Answer 1

以下问题已解决

courses.js

 $(function(){
  $(document).on("keydown.autocomplete",".courses",function(e){
    $(this).autocomplete({
      source : '/courses'
    });
  });
});