回答編集履歴
1
見やすくしました。
test
CHANGED
@@ -2,42 +2,44 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
+
```html
|
5
6
|
|
7
|
+
<li class="work_itm-each" data-iziModal-open=".iziModal_1" data-izimodal-zindex="20000" data-izimodal-preventclose="" data-izimodal-group="group01">
|
6
8
|
|
7
|
-
|
9
|
+
<img class="work_ban1 img" src="images/banner1.png" alt="banner1">
|
8
10
|
|
9
|
-
|
11
|
+
</li>
|
10
12
|
|
11
|
-
|
13
|
+
<div id="modal-default" class="iziModal iziModal_1" data-izimodal-title="title" data-izimodal-subtitle="subtitle">
|
12
14
|
|
13
|
-
|
15
|
+
<figure style="text-align:center;"><img class="iziModal_img" src="images/banner1_o.jpg" alt="banner1" /></figure>
|
14
16
|
|
15
|
-
|
17
|
+
<p class="iziModal_word">text</p>
|
16
18
|
|
17
|
-
|
19
|
+
</div>
|
18
20
|
|
19
|
-
|
21
|
+
<li class="work_itm-each" data-iziModal-open=".iziModal_2" data-izimodal-zindex="20000" data-izimodal-preventclose="" data-izimodal-group="group01">
|
20
22
|
|
21
|
-
|
23
|
+
<img class="work_ban2 img" src="images/banner2_1.png" alt="banner2">
|
22
24
|
|
23
|
-
|
25
|
+
</li>
|
24
26
|
|
25
|
-
|
27
|
+
<div id="modal-default" class="iziModal iziModal_2" data-izimodal-title="title" data-izimodal-subtitle="subtitle">
|
26
28
|
|
27
|
-
|
29
|
+
<figure style="text-align:center;"><img class="iziModal_img" src="images/banner2_o.png" alt="banner2" /></figure>
|
28
30
|
|
29
|
-
|
31
|
+
<p class="iziModal_word">text</p>
|
30
32
|
|
31
|
-
|
33
|
+
</div>
|
32
34
|
|
33
|
-
|
35
|
+
```
|
34
36
|
|
35
37
|
|
36
38
|
|
37
|
-
ポイントは、data-iziModal-openを.iziModal_1のようにし、個々で識別できるようにしてボタンの方はclass="iziModal iziModal_1"のようにすることです。
|
39
|
+
ポイントは、```data-iziModal-open```を```.iziModal_1```のようにし、個々で識別できるようにしてボタンの方は```class="iziModal iziModal_1"```のようにすることです。
|
38
40
|
|
39
|
-
また冗長的ですが
|
41
|
+
また冗長的ですが```data-izimodal-group="group01"```を追加することで望み通りの動作になります。
|
40
42
|
|
41
43
|
|
42
44
|
|
43
|
-
jQueryの方の
|
45
|
+
jQueryの方の```group: "group01"```は消してください。
|