Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jquery] niedziałający aktywny link w menu
lamcpp
post
Post #1





Grupa: Zarejestrowani
Postów: 372
Pomógł: 2
Dołączył: 10.05.2009

Ostrzeżenie: (0%)
-----


Problem: mam menu, które jest listą nieuporządkowaną i chciałbym by po kliknięciu w jedną z pozycji menu, został ustawiony na niej kolor czerwony i zwiekszona czcionka - słowem chce by aktywny link był cały czas widoczny i różnił się od pozostałych linków. Problem jest jednak taki, że: mój kod jquery ustawia aktywny link taki jak chce, jednak kłopot w tym ze wtedy po kliknięciu na ten link nie przenosi mnie do strony z odnosnikiem - poprostu nie zostaje wykonana zadna akcja. Dlaczego:(?
kod html:
  1. <ul>
  2. <li class="hover-width1"><a href="ss.html">STRONA GŁÓWNA</a></li>
  3. <li class="hover-width3"><a href="ss2.html">OFERTA</a></li>
  4. <li class="hover-width3"><a href="ss3.html">CENNIK</a></li>
  5. <li class="hover-width2"><a href="ss4.html">PRZEPISY</a></li>
  6. </ul>

Kod jquery:
  1. $(function() {
  2. $('li a').click(function(e) {
  3. e.preventDefault();
  4. var $this = $(this);
  5. $this.closest('ul').children('li').removeClass('inny');
  6. $this.parent().addClass('inny');
  7. });
  8. });


Jak widać kod jquery daje klasę .inny - kod działa poprawnie jesli chodzi o ustawianie aktywnego linku, jednak powoduje że po kliknięciu na jakikolwiek z linków nie zostaje wykonana zadna akcja - nie przenosi mnie do zadnego linku:(
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 19.08.2025 - 15:43