Ruby on rails 如何将自动完成从jQueryUI添加到Rails5项目？

我试图实现jQueryUI的自动完成功能，但似乎遗漏了一些非常重要的东西。 我遵循这些指南（也可从上获得）。但是我分别使用Rails 5.1和

纱线

而不是gem

另外，我想提到的是，我已经实现了

日期选择器

和

选项卡

，并且运行良好

以下是

package.json

的依赖项：

  "dependencies": {
"jquery": "^3.3.1",
"jquery-ui": "^1.12.1",
"rails-ujs": "^5.2.0",
"turbolinks": "^5.1.1"
 },

因此，在我的

application.js

顶部，我有以下内容：

//= require jquery
//= require jquery-ui/ui/widget
//= require jquery-ui/ui/widgets/datepicker
//= require jquery-ui/ui/widgets/autocomplete
//= require jquery-ui/ui/widgets/tabs

在底部：

$(document).on('turbolinks:load', function() {
  $("#high_edu_name").autocomplete({
    source: $('#high_edu_name').data('autocomplete-source')});
});

我在页面加载时收到以下错误：

TypeError: $(...).appendTo(...).menu is not a function

从

autocomplete.js:215:15

当我尝试在文本字段中键入内容时，我得到：

TypeError: keyCode is undefined

---

提前谢谢

嗯，缺少关于通过纱线安装的文档让人尴尬

我成功了-需要明确定义：

//= require jquery-ui/ui/widgets/menu
//= require jquery-ui/ui/keycode
//= require jquery-ui/ui/position
//= require jquery-ui/ui/version

结果如下：

//= require jquery
//= require jquery-ui/ui/widget
//= require jquery-ui/ui/widgets/menu
//= require jquery-ui/ui/keycode
//= require jquery-ui/ui/position
//= require jquery-ui/ui/version
//= require jquery-ui/ui/widgets/datepicker
//= require jquery-ui/ui/widgets/autocomplete
//= require jquery-ui/ui/widgets/tabs

---

该错误表明jQueryUI没有正确加载。你用的是webpack吗？不，我用的是vanilla jquery ui，是的，你是对的-我在下面写了我错的地方