LoginSignup
2

More than 5 years have passed since last update.

posted at

updated at

Rails4, bootstrap3, modalが表示されない

問題

パーフェクトRuby on Rails』第6章
modalを表示するはずのボタンを押しても何も起きない。
ブラウザをchromeからSafariに変えても、サポートページのviewファイルを使っても解決しない。

解決

BootstrapのJavascriptがrequireされていなかった(すごく恥ずかしい)。

/app/assets/javascript/application.js
//省略

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap   // 追加
//= require_tree .

なぜこの問題が起きたか

あとでわかったことだがこの問題は普通は起きない。なぜ起きたか。

Rails tutorialでbootstrapの使い方を学んだため。

Rails tutorial第5章でbootstrapの使い方を学ぶと、bootstrapのjavascript側の設定をしない。
これで設定完了と思い込んでしまった。

本書6章序盤のbootstrap3の設定を読み飛ばしたため。

bootstrapのcss機能は使えるようになっていたため、bootstrapは設定ができており不要と判断してしまった。

modal機能が何に依存しているかすら知らなかったため。

完全写経状態で内容理解が追いついておらず、modal機能がどこから来るのか知らなかった。

感想

練習は嘘をつかないって言葉があるけど、頭を使って練習しないと普通に嘘つくよ。』(ダルビッシュ有)
わからないところを完全にすっ飛ばしてやる写経は害ですらあるのかもしれない。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
2