使用自动完成小部件时，jquery-ui.js中的源未定义

Question

我在rails app中的scripts.js.coffee中使用此代码进行自动完成。

$(function() {
  var script;
  script = gon.scripts;
  return $("#search").autocomplete({
    source: script
  });
});

我的控制器有这一行

gon.scripts = Script.all.map(&:title)

在JavaScript Web控制台中，我看到了这个错误：

this.source is undefined

Answer 1

我不确定原因，但是自动完成插件在第一次构建时没有从传入的选项对象中分配源。

所以而不是：

$("#search").autocomplete({
  source: script
});

你应该：

$("#search").autocomplete();
$("#search").autocomplete("option", "source", script);

这会将this.source设置为正确的值。