Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][jquery] Problem z (hide)
zanst
post
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 5.02.2011

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

Dopiero zacząłem uczyć się jQuery i z pewnością to banalny problem, niemniej jednak chciałbym zrozumieć czemu to działa źle. Mam taki oto kod:
HTML:
[HTML] pobierz, plaintext 
  1. <body>
  2.     <div id="guzik">Menu</div>
  3.     <div style="width: 100px; height: 100px; background-color: red;" class="menu"></div>
  4.  
  5. </body>
[HTML] pobierz, plaintext


jQuery:
[HTML] pobierz, plaintext 
  1. $(function(){
  2.     $('.menu').hide();
  3.  
  4.     $('#guzik').click(function(){
  5.                 $('.menu').show();
  6.         $('#guzik').addClass('showed');
  7.     });
  8.       $('#guzik.showed').click(function() {
  9.         $('.menu').hide();
  10.         $('#guzik.showed').removeClass('showed');
  11.     }) ;   
  12.  
  13.  
  14. }
  15.  );
[HTML] pobierz, plaintext


Po kliknięciu na napis Menu ma się pokazać czerwony kwadrat - pokazuje się. Po ponownym kliknięciu na napis Menu kwadrat ma się chować - nie działa, zostaje na ekranie. Co jest nie tak?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 809
Pomógł: 1828
Dołączył: 11.03.2014

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

Podpiąłeś zdarzenie click do elementu kiedy jeszcze nie ma klasy showed.
Obsługa zdarzenia ma być jedna, a w niej sprawdzenie czy element ma klasę, nadanie/usunięcie klasy oraz schowanie/pokazanie elementu.
Go to the top of the page
+Quote Post

Posty w temacie
- zanst   [JavaScript][jquery] Problem z (hide)   26.09.2017, 14:57:02
- - nospor   $('#guzik.showed').click(function() -...   26.09.2017, 14:59:08
- - trueblue   Podpiąłeś zdarzenie click do elementu kiedy jeszcz...   26.09.2017, 14:59:15
- - nospor   ps: a czemu w ogole nie zrobisz poprostu toggle? ...   26.09.2017, 14:59:59
- - zanst   Dzięki za pomoc. Toggle() nie użyłem bo go do tej ...   26.09.2017, 15:05:01

« 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: 24.12.2025 - 14:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn