Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][jQuery] Jak przypisać akcje, do elementów w divie
thomson89
post
Post #1





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

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


Witam!

Mam kilka elementów o różnych id w divie. Chciałbym, za pomocą jQuery wszystkim tym elementom w divie, nadać zdarzenie onclick które przekaże jakiejś funkcji id tego elementu.

O ile pierwszego nie mogę rozwiązać, o tyle drugie (chyba) wymaga tylko użycia this. Proszę o naprowadzenie chociaż, jak nadać tym elementom zdarzenie. Zaznaczę iż nigdy nie będę wiedział ile tych elementów tak naprawdę jest.

Proszę o pomoc!

Ten post edytował thomson89 9.08.2010, 16:56:16
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
askone
post
Post #2





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

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


Hej

Jeśli są to różne elementy to zawsze możesz skorzystać z $("#id_parent").children("tutaj wybierz co i jak").click(function(){wywolaj_funkcje($(this).attr("id"))});

Pozdrawiam
Go to the top of the page
+Quote Post
thomson89
post
Post #3





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

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


Elementy to zwykłe obrazki.

Kod działa normalnie, ale nie działa gdy dam ten element, np. w listę.

  1. <ul id="parent">
  2. <li><div id="1"></li>
  3. </ul>

Dałem dla przykładu, z funkcją hover:
[JAVASCRIPT] pobierz, plaintext
  1. $('#overview').children('img').hover(function(){alert($(this).attr('id'))}, function(){alert($(this).attr('id'))});
[JAVASCRIPT] pobierz, plaintext

I przy powyższym kodzie html, gdy najadę na element div id="1", wyświetla się alert lecz bez wartości.

Ten post edytował thomson89 9.08.2010, 17:35:03
Go to the top of the page
+Quote Post
Fifi209
post
Post #4





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

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


Jakbyś pokazał więcej html'a byłbym wdzięczny i pewnie nie tylko ja, w dodatku ułatwiłoby to znalezienie Twojego problemu.

Zobacz koniecznie!
Go to the top of the page
+Quote Post
thomson89
post
Post #5





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

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


Tamto, chciałem zastosować do tego kodu html.
  1. <ul id="overview" class="overview">
  2. <li><img width="105" id="p1" src="produkty/6202charms_1.jpg"></li>
  3. <li><img width="105" id="p2" src="produkty/6202_2.jpg"></li>
  4. <li><img width="105" id="p3" src="produkty/6202charms_4.jpg"></li>
  5. <li><img width="105" id="p4" src="produkty/6202_1.jpg"> </li>
  6. </ul>


Ten post edytował thomson89 9.08.2010, 18:21:24
Go to the top of the page
+Quote Post
Fifi209
post
Post #6





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

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


a więc coś takiego

[JAVASCRIPT] pobierz, plaintext
  1. $("#overview > li > img").click(
  2. function() {
  3. alert($(this).attr('id'));
  4. }
  5. );
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
thomson89
post
Post #7





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

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


Dziękuję!
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 15.09.2025 - 06:43