鏈接不能在手機上點擊

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

    } 
});