Zmiana stylu css za pomocą jquery

pytanie zadane 10 października 2015 w JavaScript przez michal Mądrala (5,560 p.)

Mam problem z napisaniem zmiany stylu css za pomocą jquery.

$('#header').css( "color", "rgba("+green+","+red+","+blue+",1)");

Co tu jest nie tak? w nawiasie green, red, blue, są nazwami zmiennych, ktore przechowują wartości składowe kolorów.

3 odpowiedzi

odpowiedź 10 października 2015 przez Arkadiusz Waluk Ekspert (287,950 p.)
wybrane 10 października 2015 przez michal

Najlepsza

Jak rozumiem problem jest taki, że kolor wcale się nie zmienia? Jesteś pewien, że te zmienne coś zawierają? Na pewno ta linijka się wykonuje?

Bo w mojej ocenie wszystko jest dobrze - no może poza tym że masz zamienione kolory - RGB czyli najpierw jest czerwony (Red), później zielony (Green) i na koniec niebieski (Blue) (chyba że to jest jakaś celowa podmiana?).

https://jsfiddle.net/4ngb9h9d/

komentarz 10 października 2015 przez michal Mądrala (5,560 p.)

poprostu zmienne red, green i blue zawieraja wartosci liczbowe z przedziału 0-255, mam napisana funkcje ktora zmienia wartosci w tychzmiennych i ponownie wywołuje ta linie kodu, aby zmienic kolor textu, ale nie zmienia ani raz poprostu text jest caly czas bialy . :/

komentarz 10 października 2015 przez Arkadiusz Waluk Ekspert (287,950 p.)

To spójrz w linka który podałem Ci wyżej. Zapis ten jest jak najbardziej prawidłowy i działa. Skoro u Ciebie się nie zmienia to gdzie indziej coś musi być nie tak. Może masz to w jakimś ifie który wcale się nie wykonuje? Ciężko powiedzieć, nie jestem jasnowidzem żeby przewidzieć co jest nie tak... Pokaż więcej kodu albo sam potestuj. Najprościej wrzuć przed tą linijkę jakiegoś alerta i wtedy będziesz wiedział czy ten kod w ogóle się wykonuje. Sprawdź też konsolę - czy nie ma żadnego błędu, bo może gdzieś w innym miejscu kodu coś źle wpisałeś i przez to nic nie działa.

odpowiedź 10 października 2015 przez Czort Nałogowiec (32,500 p.)

Bez cudzysłowów w nawiasie rgba() może.

Edit: Przykład

$('#header').css( "color", "rgba(255,255,255,1)");

komentarz 10 października 2015 przez michal Mądrala (5,560 p.)

No tak, ale w tedy podaje wartosci rgba na sztywno, a ja chce mieć tam zmienne, a ktory bedzie siś zmieniać kolor i polecenie: $('#header').css( "color", "rgba("+green+","+red+","+blue+",1)"); bede sobie po kazdej zmianie wartości odświezyc.