Computer >> Máy Tính >  >> Lập trình >> HTML

Trình đơn thả xuống Bootstrap đóng khi được nhấp trong HTML


Như bạn có thể đã thấy, bất cứ khi nào bạn mở menu thả xuống và nhấp vào bất kỳ nơi nào khác, menu thả xuống sẽ đóng lại.

Bằng cách sử dụng mã cho sẵn bên dưới, trình đơn thả xuống có thể được mở sau khi nhấp vào−

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

Một tùy chọn khác là xử lý các câu nói sáo rỗng -

Sự kiện nhấp chuột cũng có thể được xử lý bằng cách sử dụng mã sau. Phương thức event.stopPropagation () dừng việc tạo sự kiện cho các phần tử mẹ. Nó ngăn không cho bất kỳ trình xử lý cha mẹ nào được thực thi -

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