質問編集履歴

2

該当のソースコードを更新しました。

2018/06/28 08:46

投稿

HTIun
HTIun

スコア8

test CHANGED
File without changes
test CHANGED
@@ -36,56 +36,104 @@
36
36
 
37
37
  ```html
38
38
 
39
- <div class="modal fade" id="testModal">
39
+ <!DOCTYPE html>
40
40
 
41
- <div class="modal-dialog">
41
+ <html lang="ja">
42
42
 
43
- <div class="modal-content">
43
+ <head>
44
44
 
45
45
 
46
46
 
47
- <!-- Modal Header -->
47
+ <meta charset="utf-8">
48
48
 
49
- <div class="modal-header">
49
+ <script src="jquery-3.3.1.min.js" type="text/javascript" language="javascript"></script>
50
50
 
51
- <h4 class="modal-title"><i class="fas fa-exclamation-triangle fa-fw"></i>test</h4>
51
+ <script src="bootstrap.min.js"></script>
52
52
 
53
- <button type="button" class="close" data-dismiss="modal"><i class="fas fa-times-circle"></i></button>
53
+ <link rel="stylesheet" href="bootstrap.min.css">
54
-
55
- </div>
56
54
 
57
55
 
58
56
 
59
- <!-- Modal body -->
57
+ <title>テスト</title>
60
58
 
59
+ </head>
60
+
61
+ <body>
62
+
63
+
64
+
65
+ <button>テストモーダル起動</button>
66
+
67
+
68
+
69
+ <div class="modal fade" id="testModal">
70
+
71
+ <div class="modal-dialog">
72
+
73
+ <div class="modal-content">
74
+
75
+
76
+
77
+ <!-- Modal Header -->
78
+
79
+ <div class="modal-header">
80
+
81
+ <h4 class="modal-title">test</h4>
82
+
83
+ <button type="button" class="close" data-dismiss="modal">×</button>
84
+
85
+ </div>
86
+
87
+
88
+
89
+ <!-- Modal body -->
90
+
61
- <div class="modal-body">
91
+ <div class="modal-body">
92
+
93
+ </div>
94
+
95
+
62
96
 
63
97
  </div>
64
-
65
-
66
98
 
67
99
  </div>
68
100
 
69
101
  </div>
70
102
 
103
+
104
+
105
+ <script type="text/javascript">
106
+
107
+
108
+
109
+ $("button").click(function(){
110
+
111
+ $("#testModal").modal();
112
+
113
+ });
114
+
115
+
116
+
117
+ </script>
118
+
119
+
120
+
71
- </div>
121
+ </body>
122
+
123
+ </html>
72
124
 
73
125
  ```
74
126
 
75
- ###
76
127
 
77
- ```javascript
78
-
79
- $("#testModal").modal();
80
-
81
- ```
82
128
 
83
129
  ### バージョン
84
130
 
85
131
 
86
132
 
133
+ windows7
134
+
87
135
  IE:11
88
136
 
89
- BootStrap:4
137
+ BootStrap:4.1.0
90
138
 
91
139
  jQuery:3.3.1

1

発生している問題・エラーメッセージ更新

2018/06/28 08:46

投稿

HTIun
HTIun

スコア8

test CHANGED
@@ -1 +1 @@
1
- Bootstrap4のmodalがieで開かない
1
+ Bootstrap4のmodalがIEで開かない
test CHANGED
@@ -18,7 +18,7 @@
18
18
 
19
19
  ```
20
20
 
21
- 開発者ツール(F12)で
21
+ IEの開発者ツール(F12)で
22
22
 
23
23
  「Object.keys: 引数はオブジェクトではありません。」
24
24