15
Мар
2017

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

Хочу поделится с вами небольшой заметкой. Все мы знаем что на 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 блог о создании сайтов.

Share

Тебе может это понравится...