2016-04-03 93 views
0

我的某個網站中的菜單鏈接無法在移動設備上顯示,我找不到原因。鏈接不能在手機上點擊

這裏的網站: 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'); 
     }); 

    } 
}); 

這是怎麼回事?

+0

你想用這個javascript做什麼? –

+0

顯示/隱藏子菜單,因爲沒有它就無法工作。 – Avishay28

回答

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

    } 
});