rimuovere il href un dall'alto dei menu su wordpress
-
10-10-2019 - |
Domanda
voglio rimuovere il collegamento automatico a href dalla funzione wp_list_pages()
nel menu wordpress, ma io non voglio togliere il href formano il sottomenu, solo dal menu in alto
Ad esempio:
<li><a href="www.games.co.il">Games-not remove thr href</a>
<ul>
<li><a href="www.x4.co.il">Menu0-remove the auto href</li>
<ul>
<li><a href="www.x1.co.il">sub-menu 1-do not remove the auto href</a></li>
<ul>
<li><a href="www.ddd.co.il">**not** remove the href</li>
</ul>
<li><a href="www.x1.co.il">sub-menu 2 not-remove the auto href</li>
</ul>
</ul>
</li>
Soluzione
Target i collegamenti in LI di che sono figli diretti di lista principale ..
$("ul#menu > li a").removeAttr("href");
http://api.jquery.com/child-selector/
o lasciare l'url in atto e return false su di loro ..
$("ul#menu > li a").click(function(){ return false; });
L'URL apparirebbe nel browser ancora, ma cliccando sul link non avrebbe fatto nulla (se JS è abilitato).
Altri suggerimenti
Come David Dorward dichiarato "Stop volere questo!".
Che cosa si può fare, è un redirect sulle tue pagine principali per il primo elemento secondario (di solito una visione d'insieme, ecc). Questo è meglio utilizzato per la compatibilità nel caso in cui qualcuno ha JS disabili, e il menu a discesa / hover funziona ancora.
In alternativa comprende un sottomenu sulle principali il contenuto della pagina che aiuterà la navigazione dell'utente in cui li si vuole con la stessa facilità, senza sacrificare l'usabilità.
utilizzando jQuery: Qualcosa di simile a questo:
$("ul#menu li:first a").removeAttr("href");