Хочу поделится с вами небольшой заметкой. Все мы знаем что на Bootstrap можно делать всякие выпадающее меню, кнопки, блоки и т.д. http://getbootstrap.com/components/#btn-dropdowns
Но есть проблема, выпадающий блок закрываться по клику внутри него. Вот пример из жизни: в моем случае в интернет магазине, мини-корзина открывалась по клику. Но если нажать на крестик удаления продукта (которое сделано без перезагрузки страницы) мини-корзина закрывалась. Соответственно это очень не удобно, нужно было исправить.
Решил я это следующим способом: в верхний div где id=”cart” добавил класс noclose (на скрине видно). И добавил на сайт такую js строку:
1 |
$(document).on("click.bs.dropdown.data-api", ".noclose", function (e) { e.stopPropagation() }); |
В итоге сделать так чтобы dropdown не закрывался при клике по нему внутри оказалось совсем не сложно.
аналогично проблема была с корзиной. Спасибо!! 2022 – актуально))