[jquery] niedziałający aktywny link w menu Opcje

[lamcpp]

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:

[HTML] pobierz, plaintext 
<ul>
        <li class="hover-width1"><a href="ss.html">STRONA GŁÓWNA</a></li>
        <li class="hover-width3"><a href="ss2.html">OFERTA</a></li>
        <li class="hover-width3"><a href="ss3.html">CENNIK</a></li>
        <li class="hover-width2"><a href="ss4.html">PRZEPISY</a></li>
      </ul>
[HTML] pobierz, plaintext 

Kod jquery:

[XML] pobierz, plaintext 
$(function() {
    $('li a').click(function(e) {
        e.preventDefault();
        var $this = $(this);
        $this.closest('ul').children('li').removeClass('inny');
        $this.parent().addClass('inny');
    });
});
[XML] pobierz, plaintext 

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:(

[CuteOne]

Poza tym, że skrypt nie działa bo włączyłeś "preventDefault" całość kodu masz do kitu - po przeniesieniu na inną stronę wszystko wróci do stanu startowego. Innymi słowy po kliknięciu w link klasa inny nie będzie ustawiona

[lamcpp]

A można prosić o podpowiedź jak to lepiej zrobić?

[CuteOne]

- po stronie PHP podczas generowania strony
- w JS pobierać adres i na jego podstawie zmieniać klasy
- w JS za pomocą AJAX pobierać treść z podanego linku i zapisywać go do contentu strony

[Sephirus]

Użyć PHP

Można wtedy sprawdzić jaki jest adres i w PHP nadpisać klasę czy styl danego LI. Dla ułatwienia można wysyłać coś GETem

Lub pobawić się JavaScriptem na wesoło

Zasada jest prosta (według twojego kodu):

Jeżeli w adresie strony na końcu jest "ss.html" to jesteśmy na STRONIE GŁÓWNEJ
jeżeli "ss2.html" to na OFERCIE itd...

Można po załadowaniu strony poprzez JS i wyrażenia regularne (Patrz obiekt String i metody match, oraz obiekt RegExp) sprawdzić na jakiej podstronie jesteśmy i wtedy na sztywno danemu LI ustawić klasę "inny". Można też być sprytniejszym jeszcze i użyć metody split

Przykład dla strony głównej:

[HTML] pobierz, plaintext 
<ul id="menu">
        <li class="hover-width1"><a href="ss.html">STRONA GŁÓWNA</a></li>
        <li class="hover-width3"><a href="ss2.html">OFERTA</a></li>
        <li class="hover-width3"><a href="ss3.html">CENNIK</a></li>
        <li class="hover-width2"><a href="ss4.html">PRZEPISY</a></li>
      </ul>
 
<script type="text/javascript">
// <![CDATA[
 
var adres = window.location.href;
 
var czesci_adresu = adres.split('/');
 
var podstrona = czesci_adresu.pop();
 
var podstrony = ['ss.html':0,'ss2.html':1,'ss3.html':2,'ss4.html':3];
 
document.getElementById('menu').getElementsByTagName('li')[ podstrony[podstrona] ].className = 'inny';
 
// ]]>
</script>
[HTML] pobierz, plaintext 

Analizę skryptu pozostawiam Tobie

HTH!

[lamcpp]

Próbowałem zmodyfikować kod na:

[XML] pobierz, plaintext 
$(document).ready(function(){
$(function(){
  $("a").click(function(){
    $(this).parent().addClass('inny').siblings().removeClass('inny');
  });
});
});
[XML] pobierz, plaintext 

ale teraz działa tak, że jesli elementy mają jako a href="#" to działa dobrze, jeśli natomiast mają a href="ss.html" bądź jakaś inna strona to po przeniesieniu na tą stronę pozycje menu nie są zaznaczone:(
Prosiłbym o pomoc w temacie, jak to zrobić by działało również po przejsciu do innych stron - nie używając PHP