35
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

posted at

updated at

Rails 5.1.4におけるjQueryの導入について

Rails5でjQueryが正常に機能しない

題名の通りです。

jsは動いていることが確認できたのですが、jQueryがまったく動かない。

いろいろ調べまわったすえ、一日かかって解決しました。
俺のクリスマスイブを返してくれ。。

application.jsに"//= require jquery"を書き足すだけ

application.jsに"//= require jquery"を書き足すだけ。

ほんとこれだけです。

app/assets/javascripts/application.js
//= require rails-ujs 
//= require turbolinks 
//=require_tree .

もともとはこんな感じになってると思います。
それを

app/assets/javascripts/application.js
//= require jquery
//= require rails-ujs 
//= require turbolinks 
//=require_tree .

こうするだけ。これで、途端にjQueryが動きます。

追記

コメント欄で、@rubyist_yasunao さんより以下のようなご指摘をいただきました。検証はしていませんが、併せてご確認ください。

//= require jquery
//= require jquery_ujs

今は、このようにしないとダメみたいですので、蛇足です。
Rails 5.2.2

それでも動かない場合は

自分もこの回答に到達するまでにいろいろ試したので、もしかしたら複合的な要因で解決したのかもしれません。一応、自分がやったことを書いておきます。

といっても、Gemfileに

gem 'jquery-rails' 
gem 'jquery-ui-rails'

と書き足す。そしてconsoleでbundle install。
以上。

どこかの誰かも、これで救われますように。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
35
Help us understand the problem. What are the problem?