Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] menu rozwijane
Forum PHP.pl > Forum > Po stronie przeglądarki
maniek74
Witam

Dla urządzeń mobilnych mam takie menu
  1. <script type="text/javascript">
  2. jQuery(document).ready(function() {
  3. $('.buttonMobile').click(function(){
  4. $(".menuHeader ul.nav-menu").slideToggle();
  5.  
  6. $('.menuHeader ul.nav-menu li').click(function(e){
  7. //e.preventDefault();
  8. $('.menuHeader ul.nav-menu li ul').hide();
  9. $(this).children('ul').slideToggle();
  10. });
  11. });
  12. });
  13. <div class="buttonMobile"></div>
  14. <ul>
  15. <li><a href="cos_tam">link 1</a>
  16. <ul>
  17. <li><a href="cos_tam/#link1">submenu 1</a></li>
  18. <li><a href="cos_tam/#link2">submenu 2</a></li>
  19. <li><a href="cos_tam/#link3">submenu 3</a></li>
  20. </ul>
  21. </li>
  22. <li><a href="cos_tam">link 2</a>
  23. <li><a href="cos_tam">link 3</a>
  24. </ul>


Wszystko ładnie działa się rozsuwa itd. Problem w tym ze jak kliknę w link 1 to wykonuje href, próbowałem zablokować wykonywanie linku return false albo e.preventDefault();
ale wtedy blokuje wszystkie linki.

Jak zrobić aby po kliknięciu w link 1 się rozsuwała lista bez wykonania href z linku 1.
Struktura menu jest taka dlatego że to wordpress

Strona jest na http://loh-test.pl/mcm/

Pozdrawiam

rad11
Nadaj np atrybut data-expand="true" i sprawdzaj przy kliknieciu czy klikniety element ma ustawiony ten atrybut na true jezeli ma to blokuj jezeli nie to rob to co Cie interesuje.
maniek74
Tak jak pisałem jest to worpress, menu się samo generuje, jakbym miał wpływ na kod to bym wywalił a href i nie było by kłopotu.

Pozdrawiam
maniek74
Dzieki kafowi

Dałem taki kawalek:
$(".menuHeader ul.nav-menu li.removeHref a").removeAttr("href");


ale wicina mi wszystkie linki w tym li czyli też z submenu

Pozdrawiam


Oki mam już rozwiązanie

$(".menuHeader ul.nav-menu li.removeHref").children('a').removeAttr("href");


Pozdrawiam
Mozna zamknąć
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.