Герб Укріїни
Віримо в Україну та ЗСУ. Слава Україні!

Bootstrap – как сделать что бы dropdown не закрывалось при клике по нему (внутри)?

15.03.2017

Хочу поделится с вами небольшой заметкой. Все мы знаем что на Bootstrap можно делать всякие выпадающее меню, кнопки, блоки и т.д. http://getbootstrap.com/components/#btn-dropdowns

Но есть проблема, выпадающий блок закрываться по клику внутри него. Вот пример из жизни: в моем случае в интернет магазине, мини-корзина открывалась по клику. Но если нажать на крестик удаления продукта (которое сделано без перезагрузки страницы) мини-корзина закрывалась. Соответственно это очень не удобно, нужно было исправить.

Решил я это следующим способом: в верхний div где id=”cart” добавил класс noclose (на скрине видно). И добавил на сайт такую js строку: 

В итоге сделать так чтобы dropdown не закрывался при клике по нему внутри оказалось совсем  не сложно.

Читайте також:  Зміна масштабу браузера для сайту на JavaScript для малих екранів
Олег

аналогично проблема была с корзиной. Спасибо!! 2022 – актуально))

Відповіcти
Digrand

Рад что пригодилось

Відповіcти
devfegi

Спасибо большое получилось, на дворе 2021 год и все еще актуально 🙂

Відповіcти
Олександр

То что надо! Спасибо!!

Відповіcти
Гуцул Тарас

Дякую, шановний, дуже вчасно!!!!!

Відповіcти
Анонім

Таки дякую!!! Те що шукав!

Відповіcти
Дмитрий

Спасибо! Помогло!

Відповіcти

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *