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