箱のプログラミング日記。

渋谷の自社開発企業でRails書いてます。

RailsでjQueryを最初に使う時にやること

f:id:y_hakoiri:20191102121842j:plain

gemをインストール

gem "jquery-rails"

bundle installとサーバーの再起動を実行

 

application.jsを編集

app/assets/javascripts/application.js に以下の二行を記述

//= require jquery
//= require jquery_ujs
 
 
//= require jquery
//= require jquery_ujs
//= require activestorage
//= require turbolinks
//= require_tree .

 

//= require rails-ujs

がデフォルトで記述されている場合はこれを消す。

 rails-ujsとjquery_ujsはどちらかしか使えないため。

 

js配下にファイルを作成する

app/javascript/以下にjsを書いていくファイルを作成。

ファイル名は任意でOK

 

本来、ここで作ったファイルはapplication.jsでrequireしないといけないが

application.jsにrequire_treeの記述があることで、

js配下のファイルを全て読み込んでくれるようになっている。

 

注意!!

「//= require jquery」と「//= require jquery_ujs」はrequire_treeよりも上に記述する。
jsファイルが読み込まれるのよりも先に

js本体の読み込みが行われている必要があるため。

 

qiita.com