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