Forum PHP.pl > [JavaScript]problem z klasa

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]problem z klasa

tomi1985

17.11.2013, 20:44:33

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

17.11.2013, 20:48:55

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

17.11.2013, 20:51:50

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ść

RiE

17.11.2013, 21:00:13

Tak na logikę biorąc to zmieniasz

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

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

tomi1985

17.11.2013, 21:55:15

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

17.11.2013, 22:56:11

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

tomi1985

17.11.2013, 22:59:59

dziękówka

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.