概要
状態:-
閲覧数:3,309
投稿日:2013-06-04
更新日:2015-09-03
以前は正常動作していた 「ツールチップ」 や 「ナビゲーションのドロップダウン」 が、いつの間にか動作しなくなった場合の対応案
・忘れた頃のタイミング
・不定期で発生するトラブル
1.コンソールログで JavsScriptエラー を確認
2. jQuery や bootstrap.min.js の二重読込を疑う
3. 適切なバージョンの bootstrap.min.js を読込
・忘れた頃のタイミング
・不定期で発生するトラブル
対応案
1.コンソールログで JavsScriptエラー を確認
2. jQuery や bootstrap.min.js の二重読込を疑う
3. 適切なバージョンの bootstrap.min.js を読込
ツールチップが表示されない(以前は表示されていたのに…)
ドロップダウン出来ない(以前は出来ていたのに…)
問題発生例A
以前は正常動作していいたはずの「ナビゲーションのドロップダウン」 が、いつの間にか動作しなくなってしまった
遭遇原因例1
二重読込
・コントローラで読み込んでいるにも関わらず、ビューでも「JQuery」「bbotstrap.js」を読み込んでしまった、など
・エラーメッセージが表示されないため、遭遇する度に原因を探し当てるのに苦労する
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src='/bootstrap/js/bootstrap.min.js' type='text/javascript'></script>
遭遇原因例2
バージョン相違
・jQueryバージョンを上げた等の事由により、いつの間にか、適切な bootstrap.min.js を読み込めていないケース
・エラーメッセージが表示されないため、原因を探し当てるのに苦労するのはこちらも同じ
対応
・適切な bootstrap.min.js を読み込むと、ドロップダウンされるようになる