3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2016-03-11

#問題
パーフェクト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機能がどこから来るのか知らなかった。

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

3
2
0

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
  3. You can use dark theme
What you can do with signing up
3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?