Klik butang dalam demo React saya tidak bertindak balas
P粉899950720
P粉899950720 2023-08-14 10:26:58
0
1
655
<p>Mengapa tiada jawapan selepas mengklik butang? </p> <p>Kod sampel saya: https://codesandbox.io/s/gallant-knuth-kwf55c</p> <p>Saya menyemak kod saya dan mendapati tiada masalah. </p>
P粉899950720
P粉899950720

membalas semua(1)
P粉957723124

Sebabnya kerana semua elemen disediakan menggunakan position:absolute, div kandungan bertindih dengan pengepala.

Ini menyebabkan pengepala disembunyikan pada interaksi. Jadi apabila kita mengklik, acara klik sebenarnya dicetuskan pada kandungan, bukan butang (lihat di bawah).

Kita boleh ambil kaedah berikut:

  • Sama ada alih keluar kedudukan:mutlak daripada DIV
  • Kira ketinggian kandungan menggunakan CSS unit viewport/calcfungsi untuk mengelakkan pertindihan dengan pengaki
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan