Ich hoffe Ihr könnt mir weiter helfen. Bin etwas am verzweifeln.
Ich soll ein Dropdown Menü überarbeiten. Generell funktioniert alles, nur sollen jetzt bei einem Menüpunkt, weitere zwei Unterpunkte eingesetzt werden.
In der Web Ansicht läuft alles super, aber in der mobilen Ansicht. Dort läuft der letzte Menü Punkt auch ohne Probleme mit den Unterpunkten.
Wenn ich jetzt jedoch eins der normalen Menü punkte anklicke, oder drauf tippe, passiert gar nichts. Werden nur als angeklickt markiert, aber es öffnet sich keine Seite :/
Hier mal das HTML:
Und hier das zuständige JavaScript:
Ich soll ein Dropdown Menü überarbeiten. Generell funktioniert alles, nur sollen jetzt bei einem Menüpunkt, weitere zwei Unterpunkte eingesetzt werden.
In der Web Ansicht läuft alles super, aber in der mobilen Ansicht. Dort läuft der letzte Menü Punkt auch ohne Probleme mit den Unterpunkten.
Wenn ich jetzt jedoch eins der normalen Menü punkte anklicke, oder drauf tippe, passiert gar nichts. Werden nur als angeklickt markiert, aber es öffnet sich keine Seite :/
Hier mal das HTML:
HTML-Code:
<div class="col-lg-9 col-sm-10"> <nav class="mainMenu"> <div class="mobileMenu"> <span></span> <span></span> <span></span> </div> <ul> <li class="has-menu-items"><a href="index.html">Startseite</a> </li> <li class="has-menu-items"><a href="leistungen.html">Leistungen</a> </li> <li class="has-menu-items"><a href="karriere.php">Karriere</a> </li> <li class="has-menu-items"><a href="ueber_uns.html">Über uns</a> </li> <li class="has-menu-items"><a href="kosten.html">Kosten</a> </li> <li class="has-menu-items"><a href="javascript:void('0')">Kontakt</a> <ul class="sub-menu"> <li><a href="kontakt.php">Kontakt - Bottrop</a></li> <li><a href="kontakt2.php">Kontakt - Gladbeck</a></li> </ul> </li> </ul> </nav> </div>
Und hier das zuständige JavaScript:
PHP-Code:
if ($('.mobileMenu').length > 0) {
$('.mobileMenu').on('click', function() {
$(this).toggleClass('active');
$('.mainMenu > ul, .mainMenu2 > ul').slideToggle('slow');
});
if ($(window).width() < 76
{
$(".mainMenu li.has-menu-items > a, .mainMenu2 li.has-menu-items > a").on('click', function() {
$(this).parent().toggleClass('active');
$(this).parent().children('.sub-menu').slideToggle('slow');
return false;
});
}
}
Kommentar