Bootstrap dropdown ปิดเมื่อคลิกใน HTML

คุณอาจเคยเห็นว่าเมื่อเปิด dropdown แล้วคลิกที่อื่น dropdown จะปิด

ด้วยโค้ดด้านล่าง เมนู dropdown จะคงอยู่เปิดหลังคลิก:

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

อีกวิธีคือจัดการ click event:

click event สามารถจัดการได้โดยใช้โค้ดต่อไปนี้ เมธอด event.stopPropagation() หยุดการลำเลียงเหตุการณ์ไปยังองค์ประกอบ parent ป้องกันไม่ให้ parent event handlers ทำงาน:

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