禁用/启用dom元素的jQuery自动完成

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'
    });
  });
});