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?