Question

我正在使用Rails 4.2应用程序（使用Bootstrap）并尝试在文本字段中设置自动完成功能。我跟随Railscasts自动填充关联episode：

我的application.js看起来像：

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require turbolinks

我的application.css包含：

 *
 *= require_tree .
 *= require_self
 *= require jquery-ui
 */

模型＆＃34;型号名称＆＃34;包含一个文本字段＆＃34; email＆＃34;。在模型名称的视图文件new.html.erb中，我有：

<div class="row">
  <div class="col-md-6 col-md-offset-3">
    <%= form_for(@modelname) do |f| %>
    <%= f.label "EmailId" %>
    <%= f.text_field :email %>
    <%= f.submit "Create", class: "btn btn-primary" %>
    <% end %>
  </div>
</div>

在app \ assets \ javascripts \ modelnames.coffee文件中，我添加了自动完成源：

jQuery ->
    $('#modelname_email').autocomplete
        source: ['abc', 'def', 'ade', 'dge', 'ghi']

但是当我开始输入＆＃34; modelname_email＆＃34;文本字段自动填充功能不会显示。

我错过了任何必要的步骤吗？

编辑：我还读到Turbolinks有时会导致jquery问题，这可能是原因吗？我尝试了一些改动，但没有效果。

Answer 1

需要在清单中require_tree之前列出JQuery。

application.css

 *
 *= require_self
 *= require jquery-ui
 *= require_tree .
 */

的application.js

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require turbolinks
//= require_tree .

Jquery ui自动完成不使用rails 4.2

1 个答案: