質問編集履歴
2
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -72,8 +72,8 @@
|
|
|
72
72
|
</div>
|
|
73
73
|
</div>
|
|
74
74
|
|
|
75
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
75
76
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/izimodal/1.5.1/js/iziModal.js"></script>
|
|
76
|
-
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
77
77
|
</body>
|
|
78
78
|
```
|
|
79
79
|
|
|
@@ -129,4 +129,40 @@
|
|
|
129
129
|
```
|
|
130
130
|
|
|
131
131
|
どうしてクリック元の要素が移動してしまうのでしょうか。
|
|
132
|
-
とても困っています。なにか少しでも情報があれば教えてください。
|
|
132
|
+
とても困っています。なにか少しでも情報があれば教えてください。
|
|
133
|
+
|
|
134
|
+
### 現状
|
|
135
|
+
|
|
136
|
+
```jQuery
|
|
137
|
+
// そういえばHTMLに#modalという空divを作っていたので
|
|
138
|
+
$(document).on('click', '.item1', function (event) {
|
|
139
|
+
$(".item1").click(function (event) {
|
|
140
|
+
event.preventDefault();
|
|
141
|
+
$('#modal').iziModal('open', { // #iframe → #modal に変更
|
|
142
|
+
iframeURL: $(this).data('href')
|
|
143
|
+
});
|
|
144
|
+
});
|
|
145
|
+
$("#modal").iziModal({ // #iframe → #modal に変更
|
|
146
|
+
iframe: true,
|
|
147
|
+
width: '98%',
|
|
148
|
+
iframeHeight: 600,
|
|
149
|
+
zindex: '110',
|
|
150
|
+
iframeURL: "data.html",
|
|
151
|
+
group: 'works',
|
|
152
|
+
overlayColor: 'rgba(0,0,0,0.1)'
|
|
153
|
+
});
|
|
154
|
+
});
|
|
155
|
+
```
|
|
156
|
+
今はこのような感じです。
|
|
157
|
+
① ページ読み込みして1度目はうまく表示されるのですが、閉じて2度目以降はこのように一瞬だけ表示されて消えてしまう。
|
|
158
|
+
|
|
159
|
+
② ページを読み込むとこのように a と b の間に謎の空間が生まれてしまう。（最初のクリックをすると元に戻りますが、気になります）
|
|
160
|
+
|
|
161
|
+
---
|
|
162
|
+
|
|
163
|
+
ちなみに、③ ページネーションの該当部を付けているとこのように、どこをクリックしてもモーダルが反応しません。
|
|
164
|
+
他のJSコードを一つ一つコメントアウトしながら確認しましたが、やはり上述のページネーションの該当部をコメントアウトしないとモーダルウインドウは動作しませんでした。
|
|
165
|
+
|
|
166
|
+
モーダルウインドウもページネーションも両方付けたいです。
|
|
167
|
+
|
|
168
|
+
問題が複数になってしまいましたが、何が原因なのでしょうか？
|
1
タイトルの修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
クリック元の要素がモーダルウインドウ側に移動する場合の対処
|
body
CHANGED
|
@@ -128,4 +128,5 @@
|
|
|
128
128
|
});
|
|
129
129
|
```
|
|
130
130
|
|
|
131
|
-
どうしてクリック元の要素が移動してしまうのでしょうか。
|
|
131
|
+
どうしてクリック元の要素が移動してしまうのでしょうか。
|
|
132
|
+
とても困っています。なにか少しでも情報があれば教えてください。
|