Rails 3.1 auto_complete插件給出奇怪的錯誤

Question

我正在使用auto_complete插件：

https://github.com/crowdint/rails3-jquery-autocomplete

我已經按照指示安裝了gem並在清單文件中添加了require行：

//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require autocomplete-rails
//= require prototype
//= require prototype_ujs

完成上述操作后，firebug給了我以下錯誤消息：

$("input[data-autocomplete]") is null

並且錯誤在autocomplete-rails.js中跟蹤到此行：

$(document).ready(function(){$("input[data-autocomplete]").railsAutocomplete()})...

我正在使用：

Rails 3.1.0
Ruby 1.9.2

有人經歷過嗎？ 我只是安裝並需要gem，甚至沒有開始對控制器/視圖進行更改。

任何幫助，將不勝感激！

Answer 1

文檔准備好后，autocomplete-rails.js將搜索屬性為“ data-autocomplete”的元素。

由於您沒有在視圖頁面中添加自動完成字段，因此顯示為空。
您可以通過兩種方式添加具有自動完成功能的自動字段。

1.使用form_for

form_for @product do |f|
  f.autocomplete_field :brand_name, autocomplete_brand_name_products_path
end  

這將生成一個HTML

<input type="text" data-autocomplete="products/autocomplete_brand_name">

2.使用form_tag

form_tag 'some/path'
  autocomplete_field_tag 'address', '', address_autocomplete_path, :size => 75
end

您沒做錯任何事。您正在開發中。當您按照gem中的描述在視圖頁面中添加自動完成文件時，將解決此問題。

歡呼：）

Answer 2

不要與Jquery同時使用Prototype庫。 不幸的是，這只是我能想到的解決方案。 我嘗試了noConflict語句並以不同順序加載庫。 我現在接受這個答案，因為還沒有其他解決方案。