Link klickt nicht auf Handy

Question

Die Menüverknüpfungen in einer meiner Website funktioniert nicht auf dem mobilen Display und ich kann nicht herausfinden, warum.

Hier ist die Website: http://www.ayamedical.co.il/

Versuchen Sie, auf einem Teil des Link im primären Menü auf mobile Ansicht zu klicken. Das einzige, was ich einige Java-Skript ändern, um Probleme mit den Untermenüs zu beheben, aber ich sehe nicht, wie es dies verursachen:

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

    } 
}); 

Was ist los?

Answer 1

Sie sollten jedes Top-Menü, das Untermenü a hat Tag href="#" Attribut hinzufügen und danach sollten Sie das Javascript zu ändern.

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

    } 
});