it-swarm-es.tech

Joomla! Menú desplegable de trabajo en dispositivo táctil o, encabezado de menú no cliqueable con contenido publicado

Estoy haciendo un Joomla! sitio con 3 menús de nivel 1 que se dividen en múltiples submenús.
El sitio funciona maravillosamente en el escritorio ya que los submenús aparecen al pasar el mouse.

Sin embargo, en dispositivos táctiles, no puedo hacer que aparezcan los menús desplegables ya que no puedo simular el evento de desplazamiento. Cuando toco los elementos de nivel 1, el navegador sigue los enlaces en lugar de abrir los elementos desplegables.

Estoy buscando una manera de hacer que no se pueda hacer clic al tocarlos, o tal vez el primer toque debería abrir el menú desplegable y el segundo toque seguir el enlace.

He intentado hacer los separadores de texto de menús de primer nivel o encabezados de menú, lo que también los desactiva en el escritorio y funciona bien.
Estoy de acuerdo con eso, pero, en ese caso, necesito una forma de agregar contenido a esas rutas, de modo que si alguien ingresa manualmente la dirección, obtenga algo de contenido.

¿Algunas ideas?

Gracias por adelantado

1
krasatos

Terminé convirtiendo los 3 menús de nivel superior en menús normales, redirigiendo a artículos, etc.
Se agregó una clase "desvincular" a esos 3 elementos de menú de nivel superior.

Luego agregué un jquery personalizado para evitar que los enlaces funcionen: jQuery('.unlink').click(function(e) { e.preventDefault(); }); De esta manera, si alguien ingresa manualmente el enlace a la línea de dirección, hay contenido allí para guiarlo y al mismo tiempo los menús se pueden usar en el móvil/dispositivos táctiles.

Obtuve el código desde aquí: https://stackoverflow.com/questions/970388/jquery-disable-a-link

1
krasatos