[GoonSquad]

Pytanie do znawców jQuery: Jak wpisać selektor w toggleClass żeby zmienić tylko o klasie .zaloguj? #programowanie #webmastering #jquery #javascript #pytanie

[komeniusz]

@GoonSquad: $('.zaloguj').etc...

[Czlowiek]

@GoonSquad: $('div.zaloguj')

[patrolez]

@GoonSquad: jeżeli klasa ".zaloguj", a nie "zaloguj", to:

$('div.(dwa backslashe).zaloguj')

Ale podejrzewam, że chodzi ci o same zaloguj czyli @Czlowiek ma rację, a jak nie to ja mam rację :P

[GoonSquad]

@komeniusz: @Czlowiek: @patrolez: Dziękuję za odpowiedzi niestety ciągle nie działa Panowie:( swoją drogą to już wcześniej próbowałem dwóch pierwszych metod i nie działało... Może problem leży w innym miejscu (ale moja znajomość jQuery jest tak niska, że nie umiem go zauważyć). Może podam cały kod z jakiego korzystam w tym przykładzie:

[G.....n]

@GoonSquad: sprawdź, czy wykonuje się jakikolwiek kod w $.ready, to czasem lubi nie zadziałać.

[GoonSquad]

@Ginden: wstyd się przyznać, ale nie bardzo rozumiem o co Ci chodzi... Może dodam jeszcze, że na stronie jest jeszcze flexslider, więc przed podanym wyżej przeze mnie kodem znajduję się jeszcze:

<br/>
$(window).load(function() {<br/>
$('.flexslider').flexslider();<br/>
});<br/>

[G.....n]

@GoonSquad:

zamień:

$(document).ready(function()

[GoonSquad]

@Ginden: aha, dzięki. Wykonuje się. Wyskakuje alert

[patrolez]

@GoonSquad: jak używasz zagnieżdżenia evena click to używaj selektora "this" w środku funkcji, jeżeli chcesz modyfikować to na tym klikniętym i ewentualnie preventDefault()

W stylu:

<br/>
$("p").click(function

[GoonSquad]

@patrolez: z this też próbowałem:/

[patrolez]

@GoonSquad: toggleClass powoduje dodanie klasy do elementu z selektora, bądź skasowanie jeżeli już taka klasa jest przypisana. Może nie o taką funkcję ci chodzi?

[GoonSquad]

@patrolez: Chciałbym żeby klasa tego przycisku ( o klasie .zaloguj) zmieniła się na .in-zaloguj, bo do obydwu klas są przypisane obrazki. Chodzi o to żeby po kliknięciu buttona oprócz tego, że wysunie się menu button zmieniał swój kolor

[patrolez]

@GoonSquad: jeżeli ten div ma jedyną klasę zaloguj, która chcesz zmienić na tą drugą, jedyną, to raczej .attr('class', 'in-zaloguj'); a nie toggle.

[Czlowiek]

@GoonSquad: Może spróbuj z hasClass, addClass i removeClass

[GoonSquad]

@patrolez: @Czlowiek: Chyba muszę kombinować:P trochę mi to zajmie, bo nie wiem jak dokładnie się używa tego wszystkiego, ale mam nadzieję, że do tego dojdę w końcu

[patrolez]

@GoonSquad: No chyba, że faktycznie chcesz przełączać, to będzie wtedy toggleClass, a do tego może zdefiniowane style się wykluczają, to wtedy w stylu w CSS w "in-zaloguj" musisz dołożyć !important przy definicjach, które mają nadpisać te z "zaloguj".

[GoonSquad]

@patrolez: wydaje mi się, że tak jak mówisz się wykluczają. W końcu w jednym stylu jest jeden obrazek jako tło, a w drugim inny. A gdzie dokładnie mam wpisać to !important? Przepraszam, ale dopiero zaczynam swoją przygodę z js i jQuery:P

[patrolez]

@GoonSquad: w CSS jak definiujesz styl dla .in-zaloguj :>

[GoonSquad]

@patrolez: tak? .in-zaloguj{ display: block; width:137px; height:68px; background: url(menu/zaloguj-hover.png); background-repeat: no-repeat; float: right; !important }

[patrolez]

@GoonSquad: raczej

.in-zaloguj{ display: block; width:137px; height:68px; background: url(menu/zaloguj-hover.png) !important; background-repeat: no-repeat; float: right; }

ale jeżeli pozostałe parametry się nie wykluczają, tylko powtarzają, a ty robisz to przez toggleClass, to nie musisz powtarzać definicji np. szerokości i wysokości.