Comment faire superfish menu déroulant sensible?

Je suis en utilisant superfish menu déroulant avec skelton cadre. Je voulais qu'il fonctionne sur les mobiles. Par défaut sa montrant les éléments de liste déroulante, mais il passez la souris sur les éléments ci-dessous. Je veut l'avoir de façon à ce qu'elle pousser parent éléments ci-dessous. Toute solution?

OriginalL'auteur user1433900 | 2012-08-09

  1. 9

    Mise à jour:
    Voir la réponse de Ryan Brackett

    Menus déroulants ne fonctionnent pas bien sur mobile. Je suggère de cacher le superfish menu sur mobile et de le remplacer par quelque chose d'autre.

    Ressources:
    Off toile

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

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

    Mobile habitudes de navigation

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

    Pour d'autres, la recherche d'une solution, assurez-vous que vous utilisez le plus récent jQuery. J'ai eu quelques anciens sites où j'ai trouvé à l'aide d'une version plus récente de jQuery fait le Superfish menus fonctionnent sur des appareils mobiles.

    OriginalL'auteur Ed Charbeneau

  2. 0

    C'est ce que j'utilise:

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

    Remplacer ".menu" avec vos liens de navigation et cet extrait de renvoyer l'utilisateur à cliqué sur le site après la seconde et cliquez sur le premier clic seulement lui montrer les sous-pages.

    Hey man, pouvez-vous JSfiddle cela pour nous?

    OriginalL'auteur Simon Schneider