html - 移动响应菜单 - 子菜单不起作用

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()');
                }
            } 
        }