ChromeやFirefoxだと動くJavaScriptがIE(バージョン:11.228.17134.0)だけ動かないので調べてみた。

原因調査

IEの開発者ツールを起動するとエラーが3つ出ていました。

SCRIPT438: オブジェクトは ‘addEventListener’ プロパティまたはメソッドをサポートしていません。
jquery.min.js (3,147)

SCRIPT5007: プロパティ ‘$’ の値は Null または未定義で、Fuction オブジェクトではありません
●●●.php (23,1)

SCRIPT1028: 識別子、文字列または数がありません。
●●●.php (46,3)

jQuerでエラーが出ているようなので調べてみると、互換性表示機能が悪さをしていることが分かりました。

解決方法

ユーザーが利用中のIEで、最新バージョンでの表示を強制するmetaタグ

これをヘッダに書くだけです。

また、小ネタですが、jQuery等をURLから読み込む場合
src=”//ajax… のように http: や https: を省略し // から書き始めると、
ブラウザがhttp:とhttps:のどちらを使うか都合よく解釈してくれるそうです。