web-dev-qa-db-fra.com

Joomla! menu déroulant de travail sur le périphérique tactile ou, en-tête de menu non cliquable avec contenu publié

Je fais un Joomla! site avec 3 menus de niveau 1 qui se décomposent en plusieurs sous-menus.
Le site fonctionne à merveille sur le bureau car les sous-menus apparaissent au survol.

Sur les appareils tactiles, je ne parviens pas à faire apparaître les menus déroulants, car je ne peux pas simuler l'événement de survol. Lorsque je tape sur les éléments de niveau 1, le navigateur suit les liens au lieu d'ouvrir les éléments déroulants.

Je cherche un moyen de les rendre non-cliquables au toucher, ou peut-être que le premier appui devrait ouvrir la liste déroulante et le deuxième appui suivre le lien.

J'ai essayé de créer des séparateurs de texte ou des en-têtes de menu dans les menus de premier niveau, ce qui les désactive également sur le bureau et fonctionne correctement.
Je suis d'accord avec ça, mais dans ce cas, j'ai besoin d'un moyen d'ajouter du contenu à ces chemins, afin que si quelqu'un entre manuellement l'adresse obtienne du contenu.

Des idées?

Merci d'avance

1
krasatos

Nous avons fini par faire des 3 menus de haut niveau des menus normaux, en redirigeant vers des articles, etc.
Ajout d'une classe "dissociation" à ces 3 éléments de menu de niveau supérieur.

Ensuite, nous avons ajouté une requête personnalisée pour empêcher les liens de fonctionner: jQuery('.unlink').click(function(e) { e.preventDefault(); }); De cette façon, si quelqu'un entre manuellement le lien vers la ligne d'adresse, il y a du contenu pour la guider et des menus sont également utilisables sur mobile/appareils tactiles.

J'ai le code ici: https://stackoverflow.com/questions/970388/jquery-disable-a-link

1
krasatos