• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

OnClick JavaScript

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
+1 głos
450 wizyt
pytanie zadane 14 października 2015 w JavaScript przez Eimens Maniak (69,240 p.)

Hejka potrzebuję waszej pomocy, dopiero zaczynam poznawać Js i chciłem na start stworzyć ulotkę z małą strzałką po jej naciśnięciu rozwija się div a w tym divie druga strzałka po, której naciśnięciu div chowa się, Chcę to zrobić na takiej zasadzie:

 
 

$('.tile').click(function(){
  $('.tile').css("height","450px");
});


 

Lecz to działa gdy naciśnę na diva a ja potrzebuję w nim umieścić np button'a i po jego klikaniu dzieje się przejście dla jego rodzica. :) jak to zrobić? :D

3 odpowiedzi

+2 głosów
odpowiedź 14 października 2015 przez Comandeer Guru (606,240 p.)
wybrane 14 października 2015 przez Eimens
 
Najlepsza
http://codepen.io/PatrykTal/pen/EVwPpJ → dobrze kombinujesz, ale nie wpadłeś na to, że istnieje tzw. event bubbling: http://www.quirksmode.org/js/events_order.html

W skrócie: najpierw wywoływany jest klik na przycisku, a później na jego rodzicu - stąd wysokość diva zmieniana jest na 20px i od razu na 450px.

Dlatego proponuję zapoznać się z tzw. event delegation: http://codepen.io/Comandeer/pen/ojGxYz
komentarz 14 października 2015 przez Eimens Maniak (69,240 p.)
Coś tam podłapałem:

http://codepen.io/PatrykTal/pen/EVwPpJ/

Dzięki:)
+1 głos
odpowiedź 14 października 2015 przez writen Nałogowiec (29,060 p.)

No to przyciskowi wewnątrz diva nadaj jakąś klasę $('.klasaButtona').click() A nastepnie odwołaj się do rodzica tego przycisku metodą parent();

Coś mniej więcej takiego:

$('.klasaButtona').click(function(){
  $(this).parent('.tile').css("height","450px");
});

 

komentarz 14 października 2015 przez Eimens Maniak (69,240 p.)
+1 głos
odpowiedź 14 października 2015 przez Bantu Nałogowiec (34,250 p.)
To umieść w tym divie tego buttona nadaj mu jakąś klasę, albo id, no i w jQuery odwołuj się do tego buttona, a nie do diva.

Podobne pytania

0 głosów
1 odpowiedź 428 wizyt
pytanie zadane 14 sierpnia 2018 w JavaScript przez Programista 22 Bywalec (2,270 p.)
0 głosów
3 odpowiedzi 249 wizyt
pytanie zadane 11 października 2015 w JavaScript przez DarkJackie Nowicjusz (140 p.)
0 głosów
0 odpowiedzi 157 wizyt

93,187 zapytań

142,202 odpowiedzi

322,013 komentarzy

62,513 pasjonatów

Advent of Code 2024

Top 15 użytkowników

  1. 2365p. - dia-Chann
  2. 2326p. - Łukasz Piwowar
  3. 2315p. - Łukasz Eckert
  4. 2301p. - CC PL
  5. 2269p. - Tomasz Bielak
  6. 2235p. - Łukasz Siedlecki
  7. 2232p. - rucin93
  8. 2006p. - Michal Drewniak
  9. 1946p. - Adrian Wieprzkowicz
  10. 1901p. - Mikbac
  11. 1744p. - rafalszastok
  12. 1734p. - Anonim 3619784
  13. 1733p. - Marcin Putra
  14. 1586p. - Dawid128
  15. 1480p. - ssynowiec
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...