This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm whether you accept or reject these cookies being set.

A cookie will be stored in your browser regardless of choice to prevent you being asked this question again. You will be able to change your cookie settings at any time using the link in the footer.

Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Mobile Menü schließt beim Click nicht
#1
Guten Morgen zusammen, 

beim Aufruf eines mobilen Menüs läuft an sich alles gut, nur nach dem Klick auf die Verlinkung (OnePager mit Anker) schließt sich das Menü nicht automatisch. Hat hier vielleicht jemand einen Tipp, wie dies machbar ist? Vielen Dank im Voraus! 

(function ($) {
    'use strict';
    $( document ).ready(function() {
        $('.menu-mobile-nav-button').on('click', function (e) {
            e.preventDefault();
            $('html').toggleClass('mobile-nav-active');
        });

        $('.smartic-overlay, .mobile-nav-close').on('click', function (e) {
            e.preventDefault();
            $('html').toggleClass('mobile-nav-active');
        });

        var $menu_mobile = $('.handheld-navigation');

        if ($menu_mobile.length > 0) {
            $menu_mobile.find('.menu-item-has-children > a, .page_item_has_children > a').each((index, element) => {
                var $dropdown = $('<button class="dropdown-toggle"></button>');
                $dropdown.insertAfter(element);
                $dropdown.on('click', function (e) {
                    e.preventDefault();
                    $dropdown.toggleClass('toggled-on');
                    $dropdown.siblings('ul').stop().slideToggle(400);
                });
            });
        }
    });
})(jQuery);
Zitieren
#2
Kannst du das bitte komplett mit HTML und CSS posten , bzw. einen, Link wo man das testen kann?
Ich müsste erst das HTML und CSS selber erstellen, damit ich das testen kann.
Kennst du codepen.io ? Da kannst du deinen ganzen Code reinkopieren und ein funktionierendes Beispiel posten
Hier sind alle meine Lösungen aus allen Foren. Ich helfe auch in Facebook-chat
Als Lösung markieren Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste