[JavaScript]problem z klasa Opcje

[tomi1985]

witam,

mam taki kodzik:

Kod

....
$('#nav a').click(function(e){
        $(this).removeClass('active');
        $(this).addClass('active');
.....

i chodzi o to, że jak kliknę jakiś link to dodaje klase 'active' lecz jak kliknę powtórnie inny link to nie usuwa klasy 'active' z tego poprzedniego ...;/

[RiE]

this wskazuje na aktualny, kliknięty link, więc usuwasz i dodajesz klasę tylko do aktualnego, zamień swój kod na:

[HTML] pobierz, plaintext 
$('#nav a').click(function(e){
        $('#nav a').removeClass('active');
        $(this).addClass('active');
}
[HTML] pobierz, plaintext 

[tomi1985]

i git, działa a jak klase przenieś z 'a' na li'

poniewaz strukturę mam

Kod

<ul id="nav">
            <li><a href="date">Edytuj dane</a></li>
            <li><a href="password">Zmień hasło</a></li>
            <li><a href="ads">Edytuj obiekt</a></li>            
            <li><a href="photos">Edytuj zdjęcia</a></li>
            <li><a href="logOut">Wyloguj</a></li>
        </ul>

przepraszam za moje 'banalne' pytania lecz dopiero się uczę js także licze na wyrozumiałość

Ten post edytował tomi1985 17.11.2013, 20:52:56

[RiE]

Tak na logikę biorąc to zmieniasz

[PHP] pobierz, plaintext 
$('#nav a')
[PHP] pobierz, plaintext 

na

[PHP] pobierz, plaintext 
$('#nav li')
[PHP] pobierz, plaintext 

[tomi1985]

heheh no tak choć sądziłem, że w tym musi być bezpośredni komunikat co user kliknie

no wlasnie nie działa jednak...
;/

Kod

$(document).ready(function() {
    $('#nav li a').click(function(e){
        $('#nav li').removeClass('active');
        $(this).addClass('active');
        
        var loading         = $('#result').html('Proszę czekać...<br /><img src="images/loading.gif">');
        var result          = $('#result');
        var background      = $('#resultBottom');      
        var resultChange    = $('#resultChange');
        
        $.ajax({
            url: $(this).attr('href')+'.php',
            dataType: 'JSON',
            beforeSend: function(){
                //resultChange.empty();
                background.show();
                loading.show();
            },

musi być

Kod

$('#nav li a')

ponieważ ajax się nie odpala poprawnie.... ;/

[werdan]

[HTML] pobierz, plaintext 
$('#nav li').removeClass('active');
$(this).parent().addClass('active');
[HTML] pobierz, plaintext 

[tomi1985]

dziękówka