Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery]Przełącznik wyglądu elementu
corvus606
post
Post #1





Grupa: Zarejestrowani
Postów: 33
Pomógł: 0
Dołączył: 12.11.2011

Ostrzeżenie: (0%)
-----

Problem - potrzebuję skryptu który po naciśnięciu na diva przypisywał mu odpowiednio zdefiniowane wcześniej cechy w css.
Myślałem, żeby zrobić to w jQuery, skryptem który zmieniałby klasę div'a. I wszystko byłoby pięknie, gdyby nie to, że chcę aby istniała możliwość powrotu do pierwotnej klasy, próbowałem w ten sposób:

Skrypt:
[HTML] pobierz, plaintext 
  1. $(".radio").click(function () { 
  2. $("div").removeClass( "radio" );
  3. $("div").addClass("radio1");
  4. });
  5.  
  6.  
  7. $(".radio1").click(function () { 
  8. $("div").removeClass( "radio1" );
  9. $("div").addClass("radio");
  10. });
[HTML] pobierz, plaintext

Html+css:
[HTML] pobierz, plaintext 
  1. <style>
  2. div.radio{
  3. color:green;
  4. }
  5. div.radio1{
  6. color:red;
  7. }
  8. </style>
  9. <body>
  10. <div class="radio"><span>change me!</span></div>
  11. </body>
[HTML] pobierz, plaintext



Ale obawiam się, że zdecydowanie nie jest to dobra droga...
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Shili
post
Post #2





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

Ostrzeżenie: (0%)
-----

Jest taka specjalna funkcja.
http://api.jquery.com/toggleClass/

Szybsza, bardziej przyjemna, powinna dać radę (IMG:style_emoticons/default/smile.gif)

Btw, poprzedni kod

[HTML] pobierz, plaintext 
  1. $("#mydiv").click(function () { 
  2.  
  3. if ($(this).hasClass('radio')) { // nie operujesz non-stop na dom - fajne słówko - this
  4.  
  5. 		$(this).removeClass( "radio" );
  6. 		$(this).addClass("radio1");
  7. 		}
  8.  
  9. else {
  10.  
  11. 		$(this).removeClass( "radio1" );
  12. 		$(this).addClass("radio");
  13. 		};
  14.  
  15. });
[HTML] pobierz, plaintext


@edit
Btw, mam nadzieję, że wywołujesz tą funkcję w $(document).ready(), albo kod js jest umieszczony PO kodzie diva?

Ten post edytował Shili 14.12.2011, 18:19:00
Go to the top of the page
+Quote Post

Posty w temacie
- corvus606   [jQuery]Przełącznik wyglądu elementu   14.12.2011, 04:35:13
- - CuteOne   [JAVASCRIPT] pobierz, plaintext //po kliknięciu sp...   14.12.2011, 06:08:13
- - corvus606   Próbuję w ten sposób: [HTML] pobierz, plaintext $...   14.12.2011, 18:07:23
- - Shili   Jest taka specjalna funkcja. http://api.jquery.com...   14.12.2011, 18:10:13
- - corvus606   jest po divie, faktycznie zmienię na $(docume...   14.12.2011, 18:30:38

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 12.10.2025 - 09:02
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn