Contao-Camp 2024
Ergebnis 1 bis 3 von 3

Thema: Mobile Navigation schließt nicht, bei Klick auf Sprungmarken

  1. #1
    Contao-Nutzer
    Registriert seit
    22.08.2012.
    Beiträge
    81

    Standard Mobile Navigation schließt nicht, bei Klick auf Sprungmarken

    Liebe Community, die mobile Navigation schließt leider nicht, wenn ich auf Sprungmarken weiterleiten, weiß jemand wie ich das beheben kann?
    https://2022.gaststaette-zierolshofen.de/


    DANKE

  2. #2
    Contao-Fan
    Registriert seit
    24.02.2021.
    Beiträge
    351

    Standard

    Hier wird ein Checkbox Hack benutzt um die Navigation zu öffnen und zu schließen.

    Binde einfach folgendes JavaScript in einer *.js Datei in deinem Layout ein:

    PHP-Code:
    const mobileNavLinks document.querySelectorAll('.header-mobile-nav .level_1 > li > a');
    const 
    checkboxNav document.getElementById('global-toggle-menu');

    function 
    initCloseLinks() {

        if(!!
    mobileNavLinks && !!checkboxNav)
        {
            
    let closeNav = () => { checkboxNav.checked false }

            
    mobileNavLinks.forEach(el => {
                
    el.addEventListener('click'closeNav)
            })
        }
    }

    initCloseLinks(); 

  3. #3
    Contao-Nutzer
    Registriert seit
    22.08.2012.
    Beiträge
    81

    Standard

    1000 DANK, das funktioniert!!!

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •