brutto333
@brutto333

Закрытие sub menu в WP на телефоне не корректно работает почему?

Добрый день, на проекте (WP) menu по наведению выпадает, на планшетах я меняю на click и по нажатию на menu-item-347 у меня выпадает sub menu (оно изначально none), все работает, но есть нюанс при нажатии в любом месте, так как menu-item-347 ( в него вложен ul с классом sub menu с сылками на старницы) sub menu закрывается, но на телефоне по нажатию на ссылку sub-menu не закрывается, а просто идет переход на страницу), как сделать чтобы при нажатии на ссылку в sub-menu, оно закрывалось и шёл переход на старницу.
const mq = window.matchMedia('(max-width: 1199.98px)');
if (mq.matches) {
  $('li.menu-item').unbind('mouseenter mouseleave');
  $('.menu-item-347').click(function(){
     $(this).find('.sub-menu').slideToggle('fast');
     $(this).closest('.header-mobile__navigation').find('.arrow-header').toggleClass('icon__rotate');
  });
}

<ul class="header-mobile__navigation text-align-center">
                                <svg class="arrow-header" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M1 1L5 5L9 1" stroke="#EEEEEE" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>

                                <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-347 header-menu__item"><a class="header-menu__link">Страница</a>
<ul class="sub-menu">
	<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-727 current_page_item menu-item-732 header-menu__item"><a href="#" aria-current="page" class="header-menu__link">Call Tracking</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-743 header-menu__item"><a href="#" class="header-menu__link">Страница</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-742 header-menu__item"><a href="#" class="header-menu__link">Страница</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-754 header-menu__item"><a href="#" class="header-menu__link">Страница</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-753 header-menu__item"><a href="#" class="header-menu__link">Страница</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47 header-menu__item"><a href="#" class="header-menu__link">Страница</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48 header-menu__item"><a href="#" class="header-menu__link">Страница</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-337 header-menu__item"><a href="#" class="header-menu__link">Страница</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-648 header-menu__item"><a href="#" class="header-menu__link">Страница</a></li>
</ul>
  • Вопрос задан
  • 21 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

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