链接不能在手机上点击

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

    } 
});