@Ba1tazarr
Начинающий фронтенд разработчик

Меню из Bootstrap Offcanvas. Как скрывать при клике на пункт меню?

Как сделать чтобы Offcanvas когда оно выезжает слева с пунктами меню, чтобы по клику на пункт меню, панель исчезала. Сейчас она пропадает только если тыкнуть на крестик или по любой области вне Offcanvas. Спасибо!
  • Вопрос задан
  • 80 просмотров
Пригласить эксперта
Ответы на вопрос 1
@SergeiB
При клике на пункт меню вызывать метод hide.
Как-то так.

import Offcanvas from 'bootstrap/js/dist/offcanvas';

const offcanvasEl = document.getElementById('offcanvas');
const offcanvas = Offcanvas.getOrCreateInstance(offcanvasEl);
const links = offcanvasEl.querySelectorAll('.nav-link');

links.forEach(link => link.addEventListener('click', e => offcanvas.hide()));


Также, как вариант, можно попробовать присвоить ссылкам атрибут data-bs-dismiss="offcanvas".
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы