リンクがモバイルでクリックできない

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

    } 
});