質問編集履歴
8
修正しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -16,8 +16,6 @@
|
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
[header.css](https://teratail.com/questions/365787)
|
|
20
|
-
|
|
21
19
|
|
|
22
20
|
|
|
23
21
|
### 発生している問題・エラーメッセージ
|
7
修正しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
19
|
+
[header.css](https://teratail.com/questions/365787)
|
|
20
|
+
|
|
19
21
|
|
|
20
22
|
|
|
21
23
|
### 発生している問題・エラーメッセージ
|
6
修正しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -417,3 +417,35 @@
|
|
|
417
417
|
});
|
|
418
418
|
|
|
419
419
|
```
|
|
420
|
+
|
|
421
|
+
|
|
422
|
+
|
|
423
|
+
```js
|
|
424
|
+
|
|
425
|
+
/* modal */
|
|
426
|
+
|
|
427
|
+
$(function () {
|
|
428
|
+
|
|
429
|
+
$('.js-modal-open, .modal').on('click', function () {
|
|
430
|
+
|
|
431
|
+
$(".js-modal, .modal__bg").toggleClass('_modal');
|
|
432
|
+
|
|
433
|
+
$('.js-modal-content, js-modal_modal').fadeIn();
|
|
434
|
+
|
|
435
|
+
return false;
|
|
436
|
+
|
|
437
|
+
});
|
|
438
|
+
|
|
439
|
+
$('.js-modal-close,js-modal_modal').on('click', function () {
|
|
440
|
+
|
|
441
|
+
$('.js-modal, js-modal_modal').fadeOut();
|
|
442
|
+
|
|
443
|
+
return false;
|
|
444
|
+
|
|
445
|
+
});
|
|
446
|
+
|
|
447
|
+
});
|
|
448
|
+
|
|
449
|
+
```
|
|
450
|
+
|
|
451
|
+
※修正したverです。変更点はjs-modal_modalを,fadeIn,Out それから2個目のクリック時に加えました
|
5
修正いたしました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -6,6 +6,14 @@
|
|
|
6
6
|
|
|
7
7
|
CSSで"_modal"がついたときのCSSを設定させるようにしています
|
|
8
8
|
|
|
9
|
+
※なお、下記を変更しました
|
|
10
|
+
|
|
11
|
+
HTML（modalの部分のみ、変更しました）
|
|
12
|
+
|
|
13
|
+
CSS(一度、CSSをすべて消し、変更しました）
|
|
14
|
+
|
|
15
|
+
js (修正した箇所です:click時の部分に class名:modalを書きましたがいったん消しました）
|
|
16
|
+
|
|
9
17
|
|
|
10
18
|
|
|
11
19
|
|
4
変更しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
```HTML
|
|
35
|
+
```HTML（modalの部分のみ、変更しました）
|
|
36
36
|
|
|
37
37
|
<!DOCTYPE html>
|
|
38
38
|
|
|
@@ -134,11 +134,11 @@
|
|
|
134
134
|
|
|
135
135
|
<!--modal -->
|
|
136
136
|
|
|
137
|
-
|
|
137
|
+
<div class="modal js-modal">
|
|
138
138
|
|
|
139
139
|
<div class="modal__bg js-modal-close"></div><!-- /.modal__bg -->
|
|
140
140
|
|
|
141
|
-
<div class="modal-content
|
|
141
|
+
<div class="js-modal-content">
|
|
142
142
|
|
|
143
143
|
<hr class="bar">
|
|
144
144
|
|
|
@@ -234,6 +234,8 @@
|
|
|
234
234
|
|
|
235
235
|
</div><!-- /.modal -->
|
|
236
236
|
|
|
237
|
+
|
|
238
|
+
|
|
237
239
|
</div><!-- /.header-inner -->
|
|
238
240
|
|
|
239
241
|
</header><!-- /.header -->
|
|
@@ -254,7 +256,7 @@
|
|
|
254
256
|
|
|
255
257
|
```
|
|
256
258
|
|
|
257
|
-
```CSS
|
|
259
|
+
```CSS(一度、CSSをすべて消し、変更しました）
|
|
258
260
|
|
|
259
261
|
|
|
260
262
|
|
|
@@ -390,7 +392,7 @@
|
|
|
390
392
|
|
|
391
393
|
$(".js-modal, .modal__bg").toggleClass('_modal');
|
|
392
394
|
|
|
393
|
-
$('.js-modal
|
|
395
|
+
$('.js-modal-content').fadeIn();
|
|
394
396
|
|
|
395
397
|
return false;
|
|
396
398
|
|
3
修正しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -380,7 +380,7 @@
|
|
|
380
380
|
|
|
381
381
|
```
|
|
382
382
|
|
|
383
|
-
```js
|
|
383
|
+
```js (修正した箇所です:click時の部分に class名:modalを書きましたがいったん消しました）
|
|
384
384
|
|
|
385
385
|
/* modal */
|
|
386
386
|
|
2
変更しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -386,7 +386,7 @@
|
|
|
386
386
|
|
|
387
387
|
$(function () {
|
|
388
388
|
|
|
389
|
-
$('.js-modal-open'
|
|
389
|
+
$('.js-modal-open').on('click', function () {
|
|
390
390
|
|
|
391
391
|
$(".js-modal, .modal__bg").toggleClass('_modal');
|
|
392
392
|
|
1
修正しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -20,9 +20,11 @@
|
|
|
20
20
|
|
|
21
21
|
```
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
### 試したこと
|
|
24
|
+
|
|
24
|
-
|
|
25
|
+
・class名間違いの確認。
|
|
26
|
+
|
|
25
|
-
|
|
27
|
+
"_modal"がつくClass名のCSSとjsの確認。
|
|
26
28
|
|
|
27
29
|
|
|
28
30
|
|