質問編集履歴
3
エアラーメッセージを追記しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -20,7 +20,9 @@
|
|
20
20
|
|
21
21
|
|
22
22
|
|
23
|
-
### おきている問題
|
23
|
+
### おきている問題 エラーメッセージ
|
24
|
+
|
25
|
+
|
24
26
|
|
25
27
|
https://pixelog.net/post/rb8orj/
|
26
28
|
|
@@ -32,6 +34,16 @@
|
|
32
34
|
|
33
35
|
|
34
36
|
|
37
|
+
reserv-output.php:16 Uncaught TypeError: click is not a function
|
38
|
+
|
39
|
+
at NodeList.forEach (<anonymous>)
|
40
|
+
|
41
|
+
at HTMLDocument.<anonymous> (reserv-output.php:16)
|
42
|
+
|
43
|
+
(anonymous) @ reserv-output.php:16
|
44
|
+
|
45
|
+
|
46
|
+
|
35
47
|
|
36
48
|
|
37
49
|
|
2
該当のポップアップ表示させたい部分のcssを忘れていました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -325,3 +325,115 @@
|
|
325
325
|
</div>
|
326
326
|
|
327
327
|
```
|
328
|
+
|
329
|
+
|
330
|
+
|
331
|
+
```css
|
332
|
+
|
333
|
+
.dropdown {
|
334
|
+
|
335
|
+
margin: 0 0 0 auto;
|
336
|
+
|
337
|
+
position: relative;
|
338
|
+
|
339
|
+
}
|
340
|
+
|
341
|
+
.dropdown__btn {
|
342
|
+
|
343
|
+
display: block;
|
344
|
+
|
345
|
+
width: 1.5em;
|
346
|
+
|
347
|
+
padding: 0.2em;
|
348
|
+
|
349
|
+
background: none;
|
350
|
+
|
351
|
+
border: 0;
|
352
|
+
|
353
|
+
}
|
354
|
+
|
355
|
+
.dropdown__btn.is-open::after {
|
356
|
+
|
357
|
+
content: "";
|
358
|
+
|
359
|
+
width: 100%;
|
360
|
+
|
361
|
+
height: 100%;
|
362
|
+
|
363
|
+
cursor: default;
|
364
|
+
|
365
|
+
position: fixed;
|
366
|
+
|
367
|
+
top: 0;
|
368
|
+
|
369
|
+
left: 0;
|
370
|
+
|
371
|
+
z-index: 4;
|
372
|
+
|
373
|
+
}
|
374
|
+
|
375
|
+
.dropdown__btn.is-open + .dropdown__body {
|
376
|
+
|
377
|
+
display: block;
|
378
|
+
|
379
|
+
z-index: 5;
|
380
|
+
|
381
|
+
}
|
382
|
+
|
383
|
+
.dropdown__body {
|
384
|
+
|
385
|
+
display: none;
|
386
|
+
|
387
|
+
width: 250px;
|
388
|
+
|
389
|
+
background: #fff;
|
390
|
+
|
391
|
+
box-shadow: 0 2px 6px 2px rgba(60,64,67,0.149), 0 1px 2px 0 rgba(60,64,67,0.302);
|
392
|
+
|
393
|
+
border-radius: 4px;
|
394
|
+
|
395
|
+
overflow: hidden;
|
396
|
+
|
397
|
+
position: absolute;
|
398
|
+
|
399
|
+
top: 32px;
|
400
|
+
|
401
|
+
left: 0;
|
402
|
+
|
403
|
+
}
|
404
|
+
|
405
|
+
.dropdown__list {
|
406
|
+
|
407
|
+
margin: 0;
|
408
|
+
|
409
|
+
padding: 0;
|
410
|
+
|
411
|
+
}
|
412
|
+
|
413
|
+
.dropdown__item {
|
414
|
+
|
415
|
+
display: block;
|
416
|
+
|
417
|
+
}
|
418
|
+
|
419
|
+
.dropdown__item-link {
|
420
|
+
|
421
|
+
display: block;
|
422
|
+
|
423
|
+
padding: 1em 1.2em;
|
424
|
+
|
425
|
+
font-size: 0.95em;
|
426
|
+
|
427
|
+
text-decoration: none;
|
428
|
+
|
429
|
+
color: #444;
|
430
|
+
|
431
|
+
}
|
432
|
+
|
433
|
+
.dropdown__item-link:hover {
|
434
|
+
|
435
|
+
background: #CCFFFB;
|
436
|
+
|
437
|
+
}
|
438
|
+
|
439
|
+
```
|
1
参考にしたコード、何ができないかを追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -20,6 +20,18 @@
|
|
20
20
|
|
21
21
|
|
22
22
|
|
23
|
+
### おきている問題
|
24
|
+
|
25
|
+
https://pixelog.net/post/rb8orj/
|
26
|
+
|
27
|
+
を参考に、ポップアップメニューを表示させたいのですが
|
28
|
+
|
29
|
+
現在の状態では日付をクリックしても反応がありません。
|
30
|
+
|
31
|
+
|
32
|
+
|
33
|
+
|
34
|
+
|
23
35
|
|
24
36
|
|
25
37
|
|