Question

我开发了这个网站：http://bellamedica.co.uk/dev/

我遇到的问题是子菜单（用于治疗）似乎不适用于移动网站。当我尝试点击治疗来打开子菜单时，它会转到页面上。任何帮助将不胜感激。

谢谢。

我不是要求代码，而只是帮助做什么。

谢谢。

Answer 1

您可以使用此jquery在移动设备上工作，使用此功能可以检查li是否具有ul，然后更改＆＃39; href＆＃39;

的属性

$(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来阻止重定向到另一个页面

移动响应式菜单 - 子菜单无法正常工作

2 个答案: