エラー改善：IEでだけプルダウンメニューが動かない！

IEでだけプルダウンメニューが動かない！

某企業さんのWEBサイト（商品検索ができる商品DB内蔵の企業ページ）を行っている今日この頃。
そんな中、プルダウンメニューが反応しないという事態に遭遇しました。

それもIEだけ。

私の標準ブラウザはchromeなので全く気付いてませんでした。
念のためFireFoxとかOperaとかでも確認。
やっぱり想定外の動きをするのはIEのみです。

結論JSの読込には順番がある

なるほど、これは知らなかった。

<!-- 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嫌いです...。

＼ 最新情報をチェック ／