So verhindern Sie die Standardumleitung für Links mit Elementen

Question

Ich habe ein Menü mit zwei Dropdown-Menüs. Wenn ich auf das erste Listenelement klicke, das ein Dropdown-Feld für das erste enthält, kann ich die Unterelemente sehen. Wenn ich zum zweiten Mal klicke, verweist es mich auf seinen Link. Wie kann ich das Gleiche für die Unterpunkte dieses Menüpunktes tun?

So sieht meine JQuery im Moment aus.

$('ul#main-nav > li.menu-item-has-children').click(function(e) { 
    if ($(window).width() < 768) {  
     if (!$(e.target).closest('ul').is('.sub-menu')) { 
      e.preventDefault(); 
      if (!$(this).hasClass('important')) { 
       $(this).addClass('important'); 
       //toggle the menu 
      } else { 
       //redirect if second click 
       window.location = $(this).find('a').attr('href'); 
      } 
     } 
    } 
}); 

Meine HTML-Struktur ist wie folgt:

<ul id="main-nav"> 
    <li> 
     <a href="/services"></a> 
     <ul class="sub-menu"> 
      <li> 
       <a href="/condition"></a> 
       <ul class="sub-menu"> 
        <li><a href=""></a></li> 
       </ul> 
      </li> 
     </ul> 
    </li> 
</ul> 

Wie kann ich es für die Unterpunkte von Unterobjekten funktioniert?

Leider ist es nicht erlaubt, die Website URL zu posten. Hoffe, du kannst helfen.

Answer 1

Fügen Sie in der Event-Handler letzte Zeile:

return false;