ti-enxame.com

Joomla! menu suspenso em funcionamento no dispositivo Touch ou, cabeçalho de menu não clicável com conteúdo publicado

Eu estou fazendo um Joomla! site com 3 menus de nível 1 que se dividem em vários submenus.
O site funciona maravilhosamente na área de trabalho à medida que os submenus aparecem ao passar o mouse.

No entanto, em dispositivos touch, não consigo fazer com que os menus suspensos apareçam, pois não posso simular o evento de foco. Quando toco nos itens de nível 1, o navegador segue os links em vez de abrir os itens suspensos.

Estou procurando uma maneira de torná-los não clicáveis ​​ao toque, ou talvez o primeiro toque deva abrir o menu suspenso e o segundo toque siga o link.

Eu tentei fazer os separadores de texto ou os títulos dos menus do 1º nível, o que também os desativa na área de trabalho e funciona bem.
Eu estou bem com isso, mas, nesse caso, preciso de uma maneira de adicionar conteúdo a esses caminhos, para que, se alguém digitar manualmente o endereço, obtenha algum conteúdo.

Alguma ideia?

Desde já, obrigado

1
krasatos

Acabou tornando os 3 menus de nível superior menus normais, redirecionando para artigos etc.
Adicionada uma classe "desvincular" a esses 3 itens de menu de nível superior.

Em seguida, adicionou um jquery personalizado para impedir que os links funcionem: jQuery('.unlink').click(function(e) { e.preventDefault(); }); Dessa forma, se alguém inserir manualmente o link na linha de endereço, haverá conteúdo para guiá-los e, ao mesmo tempo, os menus podem ser utilizados no celular/dispositivos de toque.

Obtenha o código aqui: https://stackoverflow.com/questions/970388/jquery-disable-a-link

1
krasatos