エラー改善：IEでだけプルダウンメニューが動かない！
IEでだけプルダウンメニューが動かない！
某企業さんのWEBサイト（商品検索ができる商品DB内蔵の企業ページ）を行っている今日この頃。
そんな中、プルダウンメニューが反応しないという事態に遭遇しました。
それもIEだけ。
私の標準ブラウザはchromeなので全く気付いてませんでした。
念のためFireFoxとかOperaとかでも確認。
やっぱり想定外の動きをするのはIEのみです。
結論JSの読込には順番がある
jquery は bootstrap より先に書かないと動かない
なるほど、これは知らなかった。
|
1 2 3 4 5 6 |
<!-- jQuery読込 --> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> <!-- BootstrapJS読込 --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <!-- 自作JS読込 --> <script src="{{ asset('js/app.js') }}"></script> |
この順番変更だけでプルダウンメニュー（トルグメニュー）の問題は解決です。
まとめ
IEだけって上手く動かないというのが実はもう一個ありまして、コレについても別記事として解決した方法を記載します。
IE嫌いです…。
-
前の記事
HTMLメールのPタグってどう書かれているのか疑問が出た件 2020.03.23
-
次の記事
エラー改善：IEだけ表の行リンク(
)が機能しない 2020.03.24