Jquery cliquez sur l'événement à ne pas travailler sur l'appareil mobile

Je suis en train de faire le ci-dessous JSFiddle de travail pour les tablettes/mobiles (par exemple, "sur la touche" ainsi que "clic").

https://jsfiddle.net/lkw274/7zt1zL0g/87/


<div class="user-navigation">
        <a class="mobile-menu-new" href=""><span></span>Menu</a>
</div>

$(document).ready(function() {
$(".user-navigation a.mobile-menu-new").click(function (e) {
      e.preventDefault();
    $(".user-navigation a.mobile-menu-new").toggleClass("current");
    }); 
});

.current { background: #F00;}

Comportement attendu:
En cliquant sur "Menu", soit par le doigt ou cliqué avec la souris, l'arrière-plan est mis en surbrillance en rouge jusqu'à ce qu'il est cliqué à nouveau lorsque la classe doit être supprimé, suppression de l'arrière-plan rouge et de la retourner à son état d'origine.

Comportement actuel:
En cliquant sur "Menu", par le toucher sur mobile/tablette, le fond est de couleur rouge or la classe n'est pas supprimé lorsque "menu" est cliqué pour la deuxième fois.

Quelqu'un pourrait-il aider à comprendre comment ce code doit être modifié pour tablette/mobile?

J'ai essayé la solution dans le dessous de StackOverflow lien mais cela n'a pas de fonction sur cliquez une fois mis en œuvre.

document-cliquez-fonction-pour-touch-appareil

Merci d'avance.

  • Code actuel semble fonctionner comme prévu sur mon iPhone. Une seule pensée: j'ai l'habitude de mettre e.preventDefault() à la fin de la fonction. Ne devrait pas faire une différence.
  • Question sans rapport, mais, pourquoi jQuery 1.6? pourquoi pas une version plus récente?
InformationsquelleAutor lkw3274 | 2015-05-05