链接无法在移动设备上点击

Question

我的某个网站的菜单链接无法在移动设备上显示，我无法找出原因。

这是网站： http://www.ayamedical.co.il/

尝试点击移动视图主菜单中的部分链接。 我唯一改变的是一些java脚本，以解决子菜单的问题，但我不知道它是如何导致的：

jQuery(document).ready(function($){

    var screenWidth = $(window).width();

    if ( screenWidth < 768 ){

        $('.main-navigation ul li a').toggle(function() {
            $(this).next().css('left', 'auto');
        }, function() {
            $(this).next().css('left', '-9999px');
        });

    }
});

发生了什么？

Answer 1

您应该添加每个顶级菜单，其中包含子菜单a标记href="#"属性，之后您应该将javascript更改为。

jQuery(document).ready(function($){

    var screenWidth = $(window).width();

    if ( screenWidth < 768 ){

        $('.main-navigation>ul>li>a[href="#"]').toggle(function() {
            $(this).next().css('left', 'auto');
        }, function() {
            $(this).next().css('left', '-9999px');
        });

    }
});