Skocz do zawartości

Zdjęcie
- - - - -

ToggleClass tylko na jeden element

Rozpoczął Semis, sie 26 2014 10:31

Najlepsza odpowiedź Yeoman, 27 sierpnia 2014 - 11:27

http://jsfiddle.net/jmwubss6/2/ - o takie coś Ci chodzi ? // Tak do pierwszego posta

 

Dziwnie tłumaczysz troche. Najpierw masz problem z JS i ze zmianą klasy, a teraz nam piszesz ze pozycjonowanie elementu.

 

Ty pewnie chciałbyś cos takiego : http://jsfiddle.net/jmwubss6/3/ ale z tego co mi sie pamięta to pomiędzy LI się nie robi html'a a jedynie w nich.

 

Co do Twojego przykładu to: http://jsfiddle.net/mhndkdvv/4/

Przejdź do postu


11 odpowiedzi w tym temacie
  • Zaloguj się, aby dodać odpowiedź
Semis

    Nowy użytkownik

  • 15 postów
    • Czas spędzony online: 2h 47m 23s
1
Neutralna
  • LocationSiemianowice Śląskie

Napisano 26 sierpnia 2014 - 10:31

#1

witam mam mały problem. Stworzyłem podmenu dla mojego LI. LI jest ok 100 i teraz chciałbym, zmienić class tylko tego LI w którym kliknąłem a href z funkcją onClick. Ma ktoś jakiś pomysł? Tutaj jest CSS i Html no i mój nieszczęsny JS który nie działa. 

 

http://jsfiddle.net/mhndkdvv/2/

 

z góry dzięki za pomoc ; )


  • 0
Yeoman

    Stary wyjadacz

  • 358 postów
    • Czas spędzony online: 6d 19h 43m 48s
169
Znakomita!
  • LocationKatowice

Napisano 26 sierpnia 2014 - 15:22

#2

Po pierwsze "this" a po drugie to zamiast uzywać onclick w <a> to mógłbyś dać mu klase i po niej sie odwołać do click'a w jQuery ;)


  • 0

2ed58r7.png

writen

    Stary wyjadacz

  • 458 postów
    • Czas spędzony online: 29d 22h 59m 44s
133
Znakomita!

Napisano 26 sierpnia 2014 - 15:26

#3

Użycie this pewnie nic nie da, bo element który ma się schować leży obok tego w który klikamy.


  • 0

logo-green-dark.png

Yeoman

    Stary wyjadacz

  • 358 postów
    • Czas spędzony online: 6d 19h 43m 48s
169
Znakomita!
  • LocationKatowice

Napisano 26 sierpnia 2014 - 15:31

#4 
$(this).next().toggleClass();

Zadziała. Nie możesz użyć globalnej klasy, bo wtedy wyjdzie na pewno unexpected output :) Nawigować od this'a mozna bardzo łatwo.


  • 0

2ed58r7.png

writen

    Stary wyjadacz

  • 458 postów
    • Czas spędzony online: 29d 22h 59m 44s
133
Znakomita!

Napisano 26 sierpnia 2014 - 15:38

#5

Ale this będzie wskazywał nie na li tylko na a.

 

Pogubiłem się. Semis pisze, że chce zmienić klase li, a w kodzie jest wskazanie na .choice, które nie jest w tym li.

 

Poza tym kod jakoś działa, jak zmienicie w lewym panelu z onLoad na No wrap.


  • 0

logo-green-dark.png

Yeoman

    Stary wyjadacz

  • 358 postów
    • Czas spędzony online: 6d 19h 43m 48s
169
Znakomita!
  • LocationKatowice

Napisano 26 sierpnia 2014 - 15:43

#6

No i co z tego ? :)


  • 0

2ed58r7.png

writen

    Stary wyjadacz

  • 458 postów
    • Czas spędzony online: 29d 22h 59m 44s
133
Znakomita!

Napisano 26 sierpnia 2014 - 15:46

#7

No i co z tego ? :)

 

A widziałeś kod? :)


  • 0

logo-green-dark.png

Yeoman

    Stary wyjadacz

  • 358 postów
    • Czas spędzony online: 6d 19h 43m 48s
169
Znakomita!
  • LocationKatowice

Napisano 26 sierpnia 2014 - 15:48

#8

Widziałem, pewnie.

$(this).closest('li.user').next().toggleClass('klasa');

Nie powinno mieć problemów. Ten kod na jsfidle przy większej ilości takich <li>, nie będzie działał. Musisz wyjść z this (jesli efekt koncowy ma być odpalany tylko na jednym elemencie)


  • 1

2ed58r7.png

writen

    Stary wyjadacz

  • 458 postów
    • Czas spędzony online: 29d 22h 59m 44s
133
Znakomita!

Napisano 26 sierpnia 2014 - 15:59

#9

No. ok. To działa.


  • 0

logo-green-dark.png

Semis

    Nowy użytkownik

  • 15 postów
    • Czas spędzony online: 2h 47m 23s
1
Neutralna
  • LocationSiemianowice Śląskie

Napisano 27 sierpnia 2014 - 10:45

#10
Oj ale macie główkowanie potrzebuje mieć 300 li i pod każdym menu z class choice należące do li wyżej. (Nie umiałem tego wymyślić inaczej bo jak umieszczałem choice w li to nie wywołało się ono spod li tylko było w nim a jak dałem pozycję absolute to height auto nie działało. Rozumiecie mój ból i o co mi chodzi .?
  • 0
Yeoman

    Stary wyjadacz

  • 358 postów
    • Czas spędzony online: 6d 19h 43m 48s
169
Znakomita!
  • LocationKatowice

Napisano 27 sierpnia 2014 - 11:27   Najlepsza odpowiedź

#11

http://jsfiddle.net/jmwubss6/2/ - o takie coś Ci chodzi ? // Tak do pierwszego posta

 

Dziwnie tłumaczysz troche. Najpierw masz problem z JS i ze zmianą klasy, a teraz nam piszesz ze pozycjonowanie elementu.

 

Ty pewnie chciałbyś cos takiego : http://jsfiddle.net/jmwubss6/3/ ale z tego co mi sie pamięta to pomiędzy LI się nie robi html'a a jedynie w nich.

 

Co do Twojego przykładu to: http://jsfiddle.net/mhndkdvv/4/


  • 3

2ed58r7.png

Semis

    Nowy użytkownik

  • 15 postów
    • Czas spędzony online: 2h 47m 23s
1
Neutralna
  • LocationSiemianowice Śląskie

Napisano 27 sierpnia 2014 - 11:35

#12

@UP zrozumiałem Twój przykład i wiem co zrobiłem źle. :) Dzięki wielkie można zamknąć temat ! :) 


  • 0
Wróć do Javascript



Podone tematy Collapse

  Temat Forum Autor Podsumowanie Ostatni post

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych