Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Menghalang Bootstrap Dropdown daripada Ditutup pada Klik Di Dalam?

Bagaimana untuk Menghalang Bootstrap Dropdown daripada Ditutup pada Klik Di Dalam?

Linda Hamilton
Lepaskan: 2024-10-31 19:22:30
asal
748 orang telah melayarinya

How to Prevent Bootstrap Dropdowns from Closing on Click Inside?

Elak Menu Turun Tutup pada Klik Di Dalam

Dalam menu lungsur Bootstrap, item menu lalai untuk menutup sebarang klik, walaupun yang terkandung dalam menu lungsur sendiri. Semasa melampirkan pengendali acara klik pada menu lungsur turun dengan event.stopPropagation() menyelesaikan isu ini, ia boleh membawa kepada masalah dengan acara yang diwakilkan untuk kawalan karusel.

Penyelesaian:

Untuk mengendalikan dilema ini, pendekatan perwakilan acara yang lebih tepat diperlukan:

<code class="js">$(document).on('click', 'dropdown .dropdown-menu', function (e) {
  e.stopPropagation();
});</code>
Salin selepas log masuk

Ini mewakilkan acara klik ke bekas yang dikehendaki, memastikan klik di dalamnya tidak mencetuskan penutupan lungsur turun.

Atas ialah kandungan terperinci Bagaimana untuk Menghalang Bootstrap Dropdown daripada Ditutup pada Klik Di Dalam?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan