jqueryがモバイルナビでslideToggleを使用するとリンクが壊れる

Question

こんにちは私は自分のワードプレスサイトでモバイルのナビゲーションメニューを作っています。私は正常にドロップダウンを作成し、スライドトグルはうまく機能しますが、サブメニューではリンクが壊れています。それらをクリックすると何も起こりません。インスペクタでは、正しいリンクの参照を持っていますが、クリックしないでください。デスクトップ上のリンクは正常に動作します。誰もが助けることを願ってありがとう！以下

は以下

jQuery('#menu-main-menu-1 > .menu-item-has-children > .sub-menu').addClass('first-sub'); 
    jQuery('#menu-main-menu-1 .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu').addClass('last-sub'); 

    jQuery('#menu-main-menu-1 > .menu-item-has-children a').click(function(){ 
     jQuery(this).siblings('.first-sub').slideToggle(); 
     return false; 
    }); 

    jQuery('#menu-main-menu-1 > .menu-item-has-children > .first-sub > .menu-item-has-children a').click(function(){ 
     jQuery(this).siblings('.last-sub').slideToggle(); 
     return false; 
    }); 

は私が助けを借りて解決策を見つけた

<ul id="menu-main-menu-1" class="menu"> 
     <li class="menu-item"><a href="link1">page1</a></li> 
     <li class="menu-item menu-item-has-children"><a href="#">dropdown1</a> 
      <ul class="sub-menu first-sub"> 
       <li class="menu-item"><a href="link2">page2</a></li> 
       <li class="menu-item"><a href="link3">page3</a></li> 
       <li class="menu-item"><a href="link4">page4</a></li> 
      </ul> 
     </li> 
     <li class="menu-item"><a href="link5">page5</a></li> 
     <li class="menu-item"><a href="link6">page6</a></li> 
</ul> 

Answer 1

構造を持つHTMLメニューに変換私のhtmlコード

<?php wp_nav_menu(array('menu' => 'Main Menu')); ?> 

である私のjqueryのですKarl-AndréGagnonから。私がしなければならなかったのは、 "return false"を取り除くことでした。