Aufgeklapptes Hauptmenü nach dem Klick auf einen Menüpunkt wieder schließen (mobile)

Bobby

Moin Moin,

Ich habe mit der Vorlage Flat Responsiv eine One-Page erstellt, dazu habe ich eine Umleitung auf den entsprechenden Seiten unter den Einstellungen vorgenommen, so das die Menü Punkte nun auf die Artikel auf der Startseite verlinken und man nach dem Klick automatisch zu dem Artikel scrollt.

Problem:

dadurch das die Seite nicht mehr wechselt und keine Aktualisierung stattfindet klappt in der mobilen Version das Menü nicht mehr zu nachdem man auf einen Menüpunkt geklickt hat, man muss erst auf MENÜ klicken damit es wieder zuklappt.

Sehen kann man das sehr gut wenn man auf Kontakt klickt, da schließt sich das Menü nach dem klicken da ich dort aktuell noch auf eine eigene Seite verlinke.

Was kann ich ändern, damit mein aufgeklapptes Hauptmenü nach dem Klick auf einen Menüpunkt automatisch wieder zuklappt?

Falls es keine Lösung geben sollte, gibt es eine andere Vorlage mit der es dieses Problem nicht gibt?

Bitte Hilfe

mit freundlichen Grüßen Bobby

https;//badenhopmusic.de

Stefan S

Versuchen Sie nachfolgendes, ungetestetes Script in einem Quelltext-Widget auf der Startseite (single page) einzufügen:

JavaScript

<script>
$z(document).ready(function(){
    $z("#nav.on li a").on("click", function(e){
        $z("#nav").toggleClass("on");
    });    
});
</script>

Bobby

vielen Dank,

hat aber leider nicht Funktioniert, es hat mir die Startseite irgendwie zerschossen

habe die Startseite jetzt ausversehen ganz gelöscht, und mache sie nochmal neu und probiere es nochmal mit dem code

mfg bobby

Stefan S

Ah, sorry, mein Fehler. Hatte die <script> tags vergessen. Ich aktualisiere den Code oben nun.

Bobby

ja das habe ich selber ergänzt meine Seite wurde wohl wieder hergestellt von Zeta producer aber wie bekomme ich den Code wieder raus damit die Seite wieder Funktioniert? Den Code und alles unterhalb stellt Zeta producer nicht mehr da, die Seite endet einfach an der stelle wo ich den code eingefügt habe.

Stefan S

Am einfachsten mit F8 in den Spaltenmodus wechseln und den Quelltext-Artikel entfernen.

Stefan S

Musste den Code oben nochmals etwas abändern (e.preventDefault() darf da nicht drin sein).

Bobby

Super Danke probiere Ich aus, ich wusste das es mal sowas wie einen spaltenmodus ga waber wie ich da Hinkomme wusste ich nicht mehr

Top Support

mfG Bobby

Bobby

Den Code konnte ich löschen und den neuen Code einfügen.

Einen Fehler gibt es jetzt nicht mehr, jedoch hat der neue code keine Auswirkungen auf das Menü.

Habe die Seite mit dem neuen Code Veröffentlicht und auf dem Computer so wie auf dem Handy in verschiedenen Browsern getestet, das Problem besteht weiterhin.

Stefan S

Ja, ja, das ist dann wohl doch nicht so trivial und schnell gemacht, wie ich dachte. Falls ich mal Zeit habe schaue ich nochmal danach…

Bobby

Alles Klar,

vielen Dank

Stefan S

So, dieser Code sollte nun auf einem Onepager mit Layout "Flat Ressponsive" funktionieren:

JavaScript

<script>
$z(document).ready(function(){
    $z("a#mobilenavtoggle").off("click");
    $z("a#mobilenavtoggle").on("click", function(e){
        e.preventDefault();
        $z("#nav").toggleClass("on");
        $z("#nav.on li a:not(#mobilenavtoggle)").off("click");
        $z("#nav.on li a:not(#mobilenavtoggle)").on("click", function(e){
            $z("#nav").removeClass("on");
        });    
    });    
});
</script>

Alles anzeigen

Bobby

Hi,

Der Anstaz scheint richtig zu sein, jedoch klappt das Menü jetzt garnicht erst auf wenn man auf Menü klickt.

Ihr Script ist derzeit auf der Seite eingebunden sie können es unter https://badenhopmusic.de nachvollziehen.

mfG Bobby

Stefan S

Bitter versuchen Sie, ob es besser wird, wenn Sie das Script in das Attribut "footer_script" einfügen, statt über den Quelltext-Artikel auf der Seite. Könnte durchaus sein, dass dis wegen der veränderten Ladereihenfolge besser ist. Sorry, aber ohne das Projekt kann ich das hier nicht testen. Ist alles etwas ein trial und error.

Bobby

Jawoll Funktioniert jetzt bestens.

vielen Dank

Stefan S

OK, super.

Aufgeklapptes Hauptmenü nach dem Klick auf einen Menüpunkt wieder schließen (mobile)

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?