@Gallows-bird

Как исправить задержку коллапса?

Добрый день.

В бутстрап навигационная панель сворачивается при нажатии на кнопку.
У навигационной панели есть три состояния.
1. Свернутая.
2. В процессе события (collapsing).
3. Развернутая.

На кнопке у меня в js повешено событие клика, которое тогглит класс active, который изменяет состояние состояние кнопки.

Суть проблемы - моё событие изменяется так как нужно. Т.е. если я кликну по кнопке дважды, то её анимация не успеет завершиться и пойдет в обратном порядке к исходному состоянию. Но Меню бутстрап при двойном клике ведет себя иначе. Оно не реагирует на даблклик, т.е. collapsing завершится в любом случае. Отсюда возникает баг при двойном клике - кнопка в состоянии развернутого меню, но меню свёрнуто. Как решить данную проблему?
  • Вопрос задан
  • 85 просмотров
Решения вопроса 1
@rudants
Front-end разработчик
У "Collapse" в бутстрапе есть события, которые помогают управлять состоянием.
К примеру, на событие "shown.bs.collapse" можно вешать активный класс, а на событие "hidden.bs.collapse" - убирать.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
sergski
@sergski
web-developer
В бутстрап всё уже написано для вас -- https://bootstrap-4.ru/docs/4.0/components/collapse/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы