Ruby
JavaScript
jQuery
Rails5

rails version 5.1でjqueryを使う方法

前まで、railsで普通に使えていたjavascriptのjqueryが突然動かなくなりました。

なにやら、バージョンをあげてしまったことが要因かと思います。(前までrails 4系だった)

使おうとすると、$ is not defined のエラーが吐かれました。

で、rails5系でjqueryを使う方法。調べました!!



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

以上の、どちらかの記述をapplication.htmlのheadに書けば動く。

https://developers.google.com/speed/libraries/devguide#jquery



gem 'jquery-rails'

gem 'jquery-ui-rails'

を記述後,application.jsに

//= require jquery

//= require jquery-ui

//= require rails-ujs

//= require turbolinks

//= require_tree .

を書けば動く。

Rails5.1では脱jQueryを図っており、今までjquery-ujsが担っていたremote:true等の働きをrails-ujsが担ってくれているみたいです。

以下参照

https://rails-school.net/rails51-jquery/