[jQuery] Problem z addClass() Opcje

[d.stp]

Mam coś takiego:

[HTML] pobierz, plaintext 
$('.slider_buttons li').click(function(){
	$(this).addClass("selected");
});
[HTML] pobierz, plaintext 

html:

[HTML] pobierz, plaintext 
<ul class="slider_buttons">
	<li><a title="">x1</a></li>
	<li><a title="">x2</a></li>
</ul>
[HTML] pobierz, plaintext 

css:

[CSS] pobierz, plaintext 
.selected {
	width: 134px;
	height: 97px;
	background: url('../images/slider-button-hover.png') no-repeat;
}
[CSS] pobierz, plaintext 

Ale nie dodaje klasy po kliknięciu w <li>... dla pewności dodałem alert('x') i alert działa. Dlaczego addClass nie chce działać?

Ten post edytował d.stp 21.09.2012, 20:46:22

[viking]

U mnie działa. Po wykonaniu obu klików

[HTML] pobierz, plaintext 
<ul class="slider_buttons">
    <li class="selected"><a title="">x1</a></li>
    <li class="selected"><a title="">x2</a></li>
    </ul>
[HTML] pobierz, plaintext 

Na jakiej przeglądarce? Nie robi się wcześniej przekierowanie na link?

[d.stp]

Dziwne... wystarczyło css zmienić na:

[CSS] pobierz, plaintext 
.slider ul.slider_buttons li.selected {
[CSS] pobierz, plaintext 

i działa.

Ale mam następny problem. Teraz po kliknięciu w przycisk slidera (1,2,3,4,5...) dodaje mi klasę selected do wszystkich <li>. Jak zrobić, żeby dodawało tylko do tej klikniętej?

Wymyśliłem coś takiego:

[HTML] pobierz, plaintext 
$('.slider_buttons li').click(function(){
	var id = $(this).attr("rel");
	$('.slider_buttons li').addClass("selected");
});
[HTML] pobierz, plaintext 

html:

[HTML] pobierz, plaintext 
<li rel="tabs1"><a>aaa</a></li>
<li rel="tabs2"><a>bbb</a></li>
[HTML] pobierz, plaintext 

ale nie działa...

Dobra już działa

Ten post edytował d.stp 21.09.2012, 21:00:34

[viking]

Jeden click dodaje do jednego li. Przed klikiem usuń klasy z pozostałych elementów listy. I dobra rada. Naucz się się to robić w firebugu. Poprzednie sprawdzenie zrobiłem nie wychodząć nawet ze strony forum. W JS bardzo to życie ułatwia.