我正在尝试将 jQuery UI 自动完成功能集成到我的 Rails 4.0 应用程序中,如 Railscast 中所述:102-AutoCompleteAssociationRevised .
不幸的是,自动完成不起作用。尽管呈现的 HTML 看起来不错,但我没有得到任何建议:
<input id="plan_part_name" type="text" name="plan[part_name]" data-autocomplete-source="["foo","food","foobar"]"></input>
我也停用了 Turbolinks,但没有任何改变......
在我的 Gemfile 中,我包含了 gem 'jquery-ui-rails'
并且我的 application.js 看起来像这样:
//= require jquery
//= require jquery.ui.all
//= require jquery_ujs
//= require bootstrap
//= require turbolinks
//= require jquery-fileupload/basic
//= require jquery-fileupload/vendor/tmpl
//= require_tree .
这是我正在使用的表单,edit.html.erb:
<%= form_for [@project, @plan], remote: true, html: { id: "edit-form-#{@plan.id}" } do |f| %>
<%= f.text_field :title %>
<%= f.text_field :part_name, data: {autocomplete_source: %w[ foo food foobar ]} %>
<%= f.submit "Update" %>
<% end %>
autocomplete.js.coffee:
autocomplete = ->
$('#plan_part_name').autocomplete
source: $('#plan_part_name').data('autocomplete-source')
$(document).ready(autocomplete)
$(document).on('page:load', autocomplete)
最佳答案
我找到了解决方案:
我的编辑表单由 Ajax 请求呈现,因此我不得不更改 Javascript 文件 (autocomplete.js.coffee) 来自:
$(document).on('page:load', autocomplete)
到:
$(document).on('page:update', autocomplete)
与 Turbolinks 一起正常工作。您可以在 Turbolinks Readme 中找到更多信息.
关于javascript - jQuery 自动完成功能在 Rails 4 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21185490/