禁用/启用的 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>

应用程序.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'
    });
  });
});