rails 5.1 で jquery を使うことに成功!!

問題:

bootstrap-sassにjqueryを使おうとして、assets/ javascript/ application.jsに//=jqueryと記述したところエラー

 

解決方法:

こちらの記事を参考

Ruby on Rails5.1.1でBoostrap4.0を導入するまでにしたこと | ろぎすと

gemfileにjquery-railsとtether-railsをinstallし、

application.jsを、

//= require jquery
//= require rails-ujs
//= require tether
//= require bootstrap-sprockets
//= require turbolinks
//= require_tree .

とする。

 

学んだこと:

rails 5.1からjqueryの代わりにrails-ujsがデフォルトのjavascriptシステムになる。(form_withという仕様になるらしい)

・5.1から様々な使用が変わるらしいので注意

Rails5.1に向けてフロントエンド周りで起こっている革命まとめ - Qiita

rails_ujsの考え方(いずれか)

rails-ujs と form_with の使い方 - ボクココ

・外部からライブラリをインストールする方法でもjqueryを使えるようになる

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> <script> $('.dropdown-toggle').dropdown() </script>

Ruby on Rails - Ruby on rails でbootstrapのドロップダウンメニューを表示させたい(76633)|teratail