0

Есть выпадающее меню которое открывается по клику на бургер, не могу сделать закрытие меню и по клику снова на бургер и закрытие по клику вне области если добавляю код закрытия по клику вне блока то закрытие меню по клику на кнопку не работает

$('.header__hamburger').on('click', function(){
        $('.header__menu-mobile').toggleClass('mobile-menu-active');
});

Вот код закрытия меню по клику вне области

$(document).mouseup(function (e) {
        var container = $(".header__menu-mobile");
        if (container.has(e.target).length === 0){
            $('.header__menu-mobile').removeClass('mobile-menu-active');
        }
    });

Совместить эти функции не получается что бы закрывало и по клику на кнопку и по клику вне области

Вот разметка

        <div class="header__hamburger">
            <div class="hamburger hamburger--emphatic">
                <div class="hamburger-box">
                    <div class="hamburger-inner"></div>
                </div>
            </div>
        </div>

        <div class="header__menu-mobile">

            <div class="menu-mobile__second">
                <a href="#">Подарунковий набір</a>
                <a href="#">Подарунковий сертифікат</a>
            </div>

            <div class="menu-mobile__middle bb-1">
                <a href="#">Доставка і повернення</a>
                <a href="#">Політика конфіденційності</a>
            </div>

            <div class="menu-mobile__footer">
            </div>

        </div>
2
  • неплохо бы кусочек разметки, а то потенциальным отвечающим надо её выдумать 26 июн 2019 в 8:28
  • 1
    Спасибо, добавил
    – Danil
    26 июн 2019 в 8:33

1 ответ 1

0

Ты удалил класс, а надо задать другой, вроде бы

С помощью события mouseup вы можете щелкнуть в другом месте на экране, удерживать нажатой кнопку мыши и переместить указатель на элемент mouseup, а затем отпустить указатель мыши.

Событие с кликом требует, чтобы в этом элементе выполнялось событие mousedown и mouseup.

Обычное ожидание состоит в том, что для клика требуется как событие mousedown, так и mouseup, поэтому я рекомендую событие click.

Из возможного дубликата видно, что события mouseup и mousedown также могут быть вызваны кнопками мыши, кроме кнопки левого щелчка. Это очень отличается от того, что ожидал общий пользователь.

11
  • Ну у меня же меню открытое когда класс добавлен, то логично что, что бы закрыть его класс надо удалить, если не ошибаюсь
    – Danil
    26 июн 2019 в 8:26
  • я когда делал, у меня есть класс закрытого блока, я меняю клас на открытый блок и обратно 26 июн 2019 в 8:27
  • Дело в том, что в принципе клик не работает когда меню открыто, ничего не происходит
    – Danil
    26 июн 2019 в 8:29
  • Может это поможет 26 июн 2019 в 8:35

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.