jQuery UI 自动完成功能在 Rails 应用程序中不起作用

Question

我想在我的 rails 应用程序中使用 jQuery UI 自动完成功能。我在jQuery website 中获得了一个示例，并希望在我的rails 应用程序中实现它。 jquery-rails和jquery-ui-rails都已经安装好了。

我将以下代码添加到application.js

$(function() {
    var availableTags = [
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "Haskell",
      "Java",
      "JavaScript",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  });

添加一些代码到show.html.erb:

<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div>

但当我输入某些内容时不会自动完成（例如：“ja”..）

任何人都可以帮助我，在此先感谢！

Answer 1

试试这个：

在您的 gemfile 中

gem 'rails3-jquery-autocomplete'
`bundle install`

在您的 application.js 中

//= require autocomplete-rails

在您的控制器中

autocomplete :model_name, :column_name, :full => true

在您的路线中

resources :controller_name do
  get :autocomplete_model_name_column_name, :on => :collection
end

在你看来

<%= autocomplete_field_tag 'column_name', '', autocomplete_model_name_column_name_controller_name_path %>