Мобильное адаптивное меню - не работает подменю

Question

Я разработал этот сайт: http://bellamedica.co.uk/dev/

Проблема в том, что подменю (для процедур), похоже, не работает на мобильном сайте . Когда я пытаюсь щелкнуть по процедурам, чтобы открыть подменю, оно переходит на страницу. Любая помощь будет принята с благодарностью.

Спасибо.

Я прошу не код, а просто помощь в том, что делать.

Спасибо.

Answer 1

Вы можете использовать этот jquery для работы в мобильном телефоне. Используя его, вы можете проверить, имеет ли li значение ul, затем изменить атрибут 'href'

$(window).load(function(){
    if($(window).width() < 992){ if ($('.show-menu li').children("ul").length) {
        $('.show-menu li').children("ul").siblings('a').attr('href', 'javascript::void()');
    } 
    }
});

или

if($('.top-nav > ul').hasClass('show-menu')){
            if ($(window).width() < 992) {
                if ($('.show-menu li').children("ul").length) {
                    $('.show-menu li').children("ul").siblings('a').attr('href', 'javascript::void()');
                }
            } 
        }

Answer 2

вы можете использовать javascript для предотвращения перенаправления на другую страницу