javascript - 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

在您的 Controller 中

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

在您的 route

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 %>