jQuery onMouseover/onClick pour écran Tactile utilisateurs (ie iPad)
Donc, j'ai fait un réductible menu dans un site web basé système qui réduit au minimum le menu en 6 "boutons bijoux" en haut à droite de l'écran, chacun a la même apparence et contient un certain nombre, qui est le nombre d'alertes en se référant à des éléments dans le menu.
Le contenu de ces n'est pas vraiment pertinent à ma question, mais explique simplement qu'ils ne sont donc pas des sources textuelles et n'ont donc clair et facile à lire les étiquettes à expliquer ce que les éléments de menu ne.
Donc, j'ai mis un onMouseover outil de pointe qui affiche un div caché en expliquant ce que chaque élément de menu.
Il y a aussi un événement onClick où jQuery diapositives le menu dans la vue.
C'est un Intranet privé de système, je ne voudrais pas utiliser ces menus sur un site web public car il n'est pas assez clair, mais étant donné que c'est l'application, mon problème est le suivant:
Lors de l'affichage sur un iPad par exemple (et probablement d'autres appareils à écran tactile), le onMouseover obtient géré comme un onClick donc, à "cliquer" sur le bouton affiche l'info-bulle et de ne pas le menu que nécessaire.
Ce qui est des conseils sur la gestion de cet?
J'ai vu ce fil Détecter les utilisateurs de l'iPad à l'aide de jQuery? donc, étant donné que c'est un privé d'application web, je pouvais détecter les utilisateurs de l'iPad et de re-construire le jQuery pour ignorer la onMouseover commande pour les utilisateurs d'iPad, mais si je devais développer une application similaire à quelque chose qui peut avoir plus d'utilisateurs, ce serait la façon de traiter ces deux événements?
Vous devez vous connecter pour publier un commentaire.
J'ai testé cela avec la suite de simple démo, mais sans événement de liaison (encore) en plein écran JS Fiddle démo (j'ai aussi fait un TinyUrl pour rediriger vers cette démo, pour la facilité d'entrée dans les dispositifs iOS: tinyurl.com/drtjstest2/).
Démo révisée, au moyen de fonctions assignées:
JS Fiddle démo (et le TinyUrled alternative: tinyurl.com/drtjstest3/).
Références:
.hoverTip
classes de.clickTip
où un dispositif d'écran tactile est utilisé. Pas tout à fait comme convivial, mais il fonctionne! Merci.