概要
状態:-
閲覧数:2,914
投稿日: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 を読込
ツールチップが表示されない(以前は表示されていたのに…)
問題発生
最初に確認すべき項目
・Chromeコンソール画面でJavaScriptエラーを確認
・赤いエラーマークをクリックすることで、エラー箇所へ飛べる
ポイント
・一見関係ない場所のjsエラーが原因(トリガー)となっている場合も多い
これまで何度も発生させてしまったエラー
・利用しないjs部分をコメントアウトする際、呼び出す側のコメントアウトを忘れるため、呼び出し先がないよー、というエラー
・このエラーを修正すると、「ツールチップ」不具合が解消される
・あくまでも当サイト比
・パーセントで言えば、ほぼ100%
ドロップダウン出来ない(以前は出来ていたのに…)
問題発生例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 を読み込むと、ドロップダウンされるようになる
結論
対応案
1.コンソールログで JavsScriptエラー を確認
2. jQuery や bootstrap.min.js の二重読込を疑う
3. 適切なバージョンの bootstrap.min.js を読込