以下、Ruby on Rails 6.0.0における
jQueryのインストール方法です。
- gemの導入
- application.jsに記述追加
- application.html.erbのhead部に記述追加
- 任意の内容で動作確認
1. gemの導入
以下の記述を追加し、bundle installを打ちます。
Gemfile
gem 'jquery-rails'
2. application.jsに記述追加
ディレクトリがない場合は
apps/assets/javascripts/application.js
作成します。
app/assets/javascripts/application.js
//= require jquery
//= require jquery_ujs
3. application.html.erbのhead部に記述追加
以下の一行を追加します。
views/layouts/application.html.erb
<head>
#（中略）
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
</head>
4. 任意の内容で動作確認
~.html.erb
<p>jQuery適用前</p>
<script type="text/javascript">
$(document).ready(function(){
$("p").text("jQuery適用後");
});
</script>
表示内容が
"jQuery適用後"
として表示されていれば成功です。
今回は以上です。
お読みくださりありがとうございました。