Wie man superfish-dropdown-Menü reaktionsschnell Weg?

Ich bin mit superfish dropdown-Menü mit skelton Rahmen. Ich wollte mit ihm zu arbeiten auf Handys als gut. Standardmäßig zeigt seine dropdown-Elemente, aber es bewegen Sie den Mauszeiger über die Elemente darunter. Ich will es so, dass es push-Eltern-Elemente unten. Jede Lösung?

InformationsquelleAutor user1433900 | 2012-08-09

  1. 9

    Update:
    Siehe die Antwort von Ryan Brackett

    Dropdown-Menüs funktionieren nicht gut auf dem Handy. Ich würde vorschlagen, versteckt sich das superfish-Menü auf mobilen und ersetzen Sie es mit etwas anderes.

    Ressourcen:
    Aus canvas

    http://www.lukew.com/ff/entry.asp?1569

    http://www.zurb.com/playground/off-canvas-layouts

    Mobile navigation patterns

    http://bradfrostweb.com/blog/web/responsive-nav-patterns/

    Für andere nach einer Lösung suchen, machen Sie sicher, dass Sie die neuesten jQuery. Ich hatte ein paar ältere Seiten gefunden, wo ich eine neuere version von jQuery die Superfish-Menüs auf mobilen Geräten arbeiten.

    InformationsquelleAutor Ed Charbeneau

  2. 0

    Dies ist, was ich verwenden:

        isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);

$(".menu a").click(function(event){
        if($(this).parents("ul").length == 1 && !$(this).hasClass("lastClick") && isMobile)
            event.preventDefault();     

        $(".menu a").removeClass("lastClick");
        $(this).addClass("lastClick");
    });

    Ersetzen ".Menü" mit Ihrem Navigations-links und das snippet für die Navigation der Benutzer auf die angeklickte Seite nach dem zweiten klicken, und der erste Klick nur zeigen ihm die Unterseiten.

    Hey Mann, kannst du JSfiddle das für uns?

    InformationsquelleAutor Simon Schneider

Schreibe einen Kommentar