47
35

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2017-12-25

#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。
以上。

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

47
35
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
47
35

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?