実現したいこと
Bootstrap4を使用してmodalを表示したいです。
FFやChromeではうまくのですが、IEだとエラーになってしまいます。
教えてください。
よろしくお願いします。
発生している問題・エラーメッセージ
IEの開発者ツール(F12)で 「Object.keys: 引数はオブジェクトではありません。」 と表示されます。
該当のソースコード
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 5<meta charset="utf-8"> 6<script src="jquery-3.3.1.min.js" type="text/javascript" language="javascript"></script> 7<script src="bootstrap.min.js"></script> 8<link rel="stylesheet" href="bootstrap.min.css"> 9 10<title>テスト</title> 11</head> 12<body> 13 14 <button>テストモーダル起動</button> 15 16 <div class="modal fade" id="testModal"> 17 <div class="modal-dialog"> 18 <div class="modal-content"> 19 20 <!-- Modal Header --> 21 <div class="modal-header"> 22 <h4 class="modal-title">test</h4> 23 <button type="button" class="close" data-dismiss="modal">×</button> 24 </div> 25 26 <!-- Modal body --> 27 <div class="modal-body"> 28 </div> 29 30 </div> 31 </div> 32 </div> 33 34 <script type="text/javascript"> 35 36 $("button").click(function(){ 37 $("#testModal").modal(); 38 }); 39 40 </script> 41 42</body> 43</html>
バージョン
windows7
IE:11
BootStrap:4.1.0
jQuery:3.3.1
回答1件
あなたの回答
tips
プレビュー