如何在 Rails 4 中设置 jquery 自动完成功能答案

【问题标题】：How to setup jquery autocomplete in Rails 4如何在 Rails 4 中设置 jquery 自动完成功能
【发布时间】：2016-10-07 01:30:07
【问题描述】：

我创建了基本的“rails 博客应用程序”来了解如何正确实现 jquery 自动完成功能。我根据其文档安装了rails-jquery-autocomplete。

目前我的应用看起来像：

routes.rb

Rails.application.routes.draw do
  resources :articles
end

article.rb

class Article < ActiveRecord::Base
end

articles_controller.rb

class ArticlesController < ApplicationController

  def index
    @articles = Article.all
  end

  def show
    @article = Article.find params[:id]
  end

  def new
  end

  def create
    @article = Article.new article_params
    if @article.save
      redirect_to @article
    else
      render 'new'
    end
  end

  private
    def article_params
      params.require(:article).permit :title, :text
    end
end

schema.rb

ActiveRecord::Schema.define(version: 20160607060132) do

  create_table "articles", force: :cascade do |t|
    t.string   "title"
    t.text     "text"
    t.datetime "created_at", null: false
    t.datetime "updated_at", null: false
  end

end

application.js

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

我现在有两个问题：

当我现在转到我的文章 index.html.erb 时，我收到以下错误消息：

几个月前我才开始编码。遵循rails-jquery-autocomplete 的文档让我完全迷失了如何为我的应用程序实现自动完成的问题。我基本上只想要一个带有搜索我文章标题的搜索字段的视图。

所以我现在的问题是：

为什么我会收到上述错误消息？

更新以下 application.js 解决了问题 #1。

//= require turbolinks  
//= require_tree .
//= require jquery
//= require jquery_ujs
//= require autocomplete-rails

对于用于搜索文章标题的简单搜索字段，我的代码应该是什么样的？

非常感谢！

【问题讨论】：

你捆绑安装成功了吗？

标签： jquery ruby-on-rails autocomplete

【解决方案1】：

在rails 4中，首先安装bundle install，然后使用autocomplete-rails，如下所示：

//= require turbolinks  
//= require_tree .
//= require jquery
//= require jquery_ujs
//= require autocomplete-rails

【讨论】：

关于问题 #2 的任何想法？（抱歉我的菜鸟问题，但我刚刚开始编码并尝试了解一切是如何工作的）

【解决方案2】：

确保您已运行捆绑安装（bundle show jquery-rails 验证 gem 是否已成功安装。）

然后把//= require jquery.turbolinks放在//= require jquery下面

//= require_tree .
//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require autocomplete-rails

【讨论】：