Ankündigung

Einklappen
Keine Ankündigung bisher.

Dropdown Menü mit Unterpunkten

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Dropdown Menü mit Unterpunkten

    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:

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



  • #2
    Und hier das zuständige PHP:
    klar, das das nicht funktioniert. ist ja schließlich JavaScript.

    Kommentar


    • #3
      Und bitte Code-Tags hier im Forum verwenden. Danke!
      The string "()()" is not palindrom but the String "())(" is.

      Debugging: Finde DEINE Fehler selbst! | Gegen Probleme beim E-Mail-Versand | Sicheres Passwort-Hashing | Includes niemals ohne __DIR__
      PHP.de Wissenssammlung | Kein Support per PN

      Kommentar


      • #4
        Sorry, meinte JavaScript.

        Kommentar


        • #5
          Wozu eigentlich Javascript.
          Ein Dropdown Menü kann man auch nur mit HTML und CSS erstellen.

          Beispiele gibt es zu Hauf im Netz wie das hier https://osvaldas.info/drop-down-navi...touch-friendly

          Kommentar

          Lädt...
          X