jquery在移動導航上使用slideToggle時斷開鏈接

你好我正在我的WordPress站點上製作移動導航菜單。我成功創建了下拉菜單並且滑動切換工作正常，但在子菜單中鏈接已斷開。當你點擊它們時，沒有任何反應。在檢查員有正確的鏈接參考，但不會繼續點擊。在桌面上的鏈接工作正常。希望任何人都能幫忙。謝謝！jquery在移動導航上使用slideToggle時斷開鏈接

下面

是我的jQuery

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

下面

是我的HTML代碼

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

它轉換成HTML菜單與結構

<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>

來源

2016-03-24 cup_of

'z-index'？也許另一個項目是在你的鏈接之上，'z-index'只能用'position'屬性 – theblackgigant

我看不到'.menu-item-has-children'，但問題是你點擊每個返回false '.menu-item-has-children'中的'a'。假設這個類在'.menu-item'元素上。做'.menu-item-has-children> a'可能會更好。 –

@ Karl-AndréGagnon對不起，我刪除了所有額外的類，以便於閱讀。第二個項目確實有菜單項有子項。我會嘗試你的建議並回復你。謝謝！ –

我發現幫助解決來自Karl-AndréGagnon。我所要做的只是刪除「返回false」

來源

2016-03-24 18:29:10

jquery在移動導航上使用slideToggle時斷開鏈接

回答

相關問題