it-swarm-eu.dev

Joomla! menu a discesa funzionante sul dispositivo Touch o, intestazione di menu non cliccabile con contenuto pubblicato

Sto realizzando un Joomla! sito con 3 menu di livello 1 suddivisi in più sottomenu.
Il sito funziona meravigliosamente su Desktop man mano che i sottomenu appaiono al passaggio del mouse.

Sui dispositivi touch, tuttavia, non sono in grado di far apparire i menu a discesa in quanto non riesco a simulare l'evento hover. Quando tocco gli elementi di livello 1, il browser segue i collegamenti anziché aprire gli elementi a discesa.

Sto cercando un modo per renderli non cliccabili al tocco, o forse il 1o tocco dovrebbe aprire il menu a discesa e il secondo tocco seguire il collegamento.

Ho provato a creare separatori di testo di menu di primo livello o intestazioni di menu, il che li disabilita anche sul desktop e funziona bene.
Sono d'accordo ma, in tal caso, ho bisogno di un modo per aggiungere contenuti a quei percorsi, in modo che se qualcuno inserisce manualmente l'indirizzo ottenga del contenuto.

Qualche idea?

Grazie in anticipo

1
krasatos

Ho finito per rendere i 3 menu di livello superiore menu normali, reindirizzare ad articoli ecc.
Aggiunta una classe "Unlink" a quelle 3 voci di menu di livello superiore.

Quindi aggiunto un jquery personalizzato per impedire il funzionamento dei collegamenti: jQuery('.unlink').click(function(e) { e.preventDefault(); }); In questo modo, se qualcuno inserisce manualmente il collegamento alla riga dell'indirizzo, ci sono contenuti lì per guidarli attraverso e allo stesso tempo i menu sono utilizzabili sul cellulare/dispositivi touch.

Ho ottenuto il codice da qui: https://stackoverflow.com/questions/970388/jquery-disable-a-link

1
krasatos