Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] Kilka takich samych elementów
Forum PHP.pl > Forum > XML, AJAX
Tomek67
22.02.2011, 19:35:34
Witam, od kilku godzin męczę sie nad skryptem w jQuery ładującym dane z podstrony, problem tkwi w tym że mam kilka takich samych elementów i skrypt wykonuje sie jednocześnie dla wszystkich elementów, czytałem że trzeba utworzyć funkcję js używającą jQuery tylko za bardzo nie wiem jak to zrobić a tym bardziej jak wywołać bo chyba zwykła onClick="funkcja(parametr);" w kodzie html odpada bo to przeczy konwencji jQuery (oddzielenie javascript od html)

Mój kod(uproszczony):

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.       <script src="jquery-1.5.min.js"></script>
  4.       <script type="text/javascript">
  5.       $(document).ready(function(){
  6.          $('div a').click(function(){
  7.          $('div p').load($(this).attr('href')
  8.          );
  9.          return false;
  10.          });
  11.       });
  12.        </script>
  13.       </head>
  14. <body>
  15.  
  16. <div id="1"><a href="onosnik1.html">link 1</a><p id="1"></p></div>
  17. <div id="2"><a href="onosnik2.html">link 2</a><p id="2"></p></div>
  18. <div id="3"><a href="onosnik3.html">link 3</a><p id="3"></p></div>
  19. <div id="4"><a href="onosnik4.html">link 4</a><p id="4"></p></div>
  20. <div id="5"><a href="onosnik5.html">link 5</a><p id="5"></p></div>
  21. </body>
  22. </html>
[HTML] pobierz, plaintext


prosze o jakieś wskazówki, ogólny wzorzec...
JoShiMa
22.02.2011, 19:43:26
Z <p> to nie problem bo mają id. Nota bene maja id takie same jak inne elementy co jest błędem, bo id powinno być unikalne. Nie zaleca się też by zaczynało się od cyfry. Jak nadasz elementom id to możesz się do nich odwoływać poprzez odpowiedni selektor.
askone
22.02.2011, 19:45:14
Spróbuj tak:

[JAVASCRIPT] pobierz, plaintext 
  1. $(document).ready(function(){
  2.   $('div a').click(function(){
  3.      $(this).next().load($(this).attr('href'));
  4.      return false;
  5.  });
  6. });
[JAVASCRIPT] pobierz, plaintext


Nie sprawdzałem, pisane z palca

Pozdrawiam
Tomek67
22.02.2011, 19:46:21
Cytat(askone @ 22.02.2011, 19:45:14 ) *
Spróbuj tak:

[JAVASCRIPT] pobierz, plaintext 
  1. $(document).ready(function(){
  2.   $('div a').click(function(){
  3.      $(this).next().load($(this).attr('href'));
  4.      return false;
  5.  });
  6. });
[JAVASCRIPT] pobierz, plaintext


Nie sprawdzałem, pisane z palca

Pozdrawiam


niestety nie działa



JoShiMa mógłbyś napisać przykładowy kod js dla 

[HTML] pobierz, plaintext 
  1. <div id="1"><a href="onosnik1.html">link 1</a><p id="p-1"></p></div>
  2. <div id="2"><a href="onosnik2.html">link 2</a><p id="p-2"></p></div>
  3. <div id="3"><a href="onosnik3.html">link 3</a><p id="p-3"></p></div>
  4. <div id="4"><a href="onosnik4.html">link 4</a><p id="p-4"></p></div>
  5. <div id="5"><a href="onosnik5.html">link 5</a><p id="p-5"></p></div>
[HTML] pobierz, plaintext
askone
22.02.2011, 19:50:08
Napisałem przecież smile.gif Wrzuć do swojego kodu i sprawdź...
erix
22.02.2011, 19:52:28
Przecież jak masz użyte this w takim kontekście, jak masz, to powinno wykonywać indywidualnie. Najlepiej wystaw to live.

Poza tym, po co Ci tyle identyfikatorów? Poza poza tym, nie mogą się one od cyfry zaczynać, afair.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.