Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

Bootstrap ดรอปดาวน์ปิดเมื่อคลิกใน HTML


อย่างที่คุณเคยเห็น เมื่อใดก็ตามที่คุณเปิดรายการแบบเลื่อนลง และคลิกที่อื่นใด เมนูแบบเลื่อนลงจะปิดลง

โดยการใช้โค้ดที่ให้ไว้ด้านล่าง เมนูแบบเลื่อนลงสามารถเปิดค้างไว้ได้หลังจากคลิก−

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

อีกทางเลือกหนึ่งคือการจัดการ clickevent -

เหตุการณ์การคลิกสามารถจัดการได้โดยใช้รหัสต่อไปนี้ เมธอด event.stopPropagation() จะหยุดการเดือดของเหตุการณ์ไปยังองค์ประกอบหลัก มันป้องกันไม่ให้ตัวจัดการ parentevent ถูกดำเนินการ -

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