Rumah > hujung hadapan web > html tutorial > Tutup menu lungsur Bootstrap pada klik dalam HTML

Tutup menu lungsur Bootstrap pada klik dalam HTML

WBOY
Lepaskan: 2023-09-02 12:01:03
ke hadapan
629 orang telah melayarinya

Tutup menu lungsur Bootstrap pada klik dalam HTML

Seperti yang anda boleh lihat, apabila anda membuka menu lungsur dan mengklik di mana-mana tempat lain, menu lungsur ditutup.

Dengan menggunakan kod yang diberikan di bawah, menu lungsur turun boleh kekal terbuka selepas klik −

$('#myDropdown').on('hide.bs.dropdown', function () {
   return false;
});
Salin selepas log masuk

Pilihan lain ialah mengendalikan acara klik-

#🎜 🎜# Acara klik juga boleh dikendalikan dengan menggunakan kod berikut. Kaedah event.stopPropagation() menghentikan acara menggelegak ke elemen induk. Ia menghalang mana-mana pengendali acara ibu bapa daripada melaksanakan -

$('#myDropdown .dropdown-menu').on({
   "click":function(e) {
       e.stopPropagation();
    }
});
Salin selepas log masuk

Atas ialah kandungan terperinci Tutup menu lungsur Bootstrap pada klik dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:tutorialspoint.com
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan