Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Wykonanie JS na elementach pobranych z AJAXA
reyne
post
Post #1





Grupa: Zarejestrowani
Postów: 73
Pomógł: 1
Dołączył: 19.12.2007

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

Witam, przypuśćmy mam plik ladowarka.php, w którym mam kod JavaScript i ładuję sobie nim zawartość (dla przykładu blok <div id="tekst">jakis tekst</div>) do diva z pliku dane.php (za pomocą JQUERY).
Jak operować teraz na załadowanym bloku? Bo kod JS, który mam w pliku ladowarka.php, jakby nie widzi tego elementu pobranego dynamicznie, jednym z rozwiązań jest umieszczenie tego kodu też w pliku dane.php, wtedy wszystko działa.
Pytanie: czy trzeba zawsze dołączać kod JS do pliku pobieranego ajaxem?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
reyne
post
Post #2





Grupa: Zarejestrowani
Postów: 73
Pomógł: 1
Dołączył: 19.12.2007

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

No właśnie nie wiem zbytnio jak się za to zabrać, dlatego na potrzeby stworzyłem prosty skrypt, który pobiera button z pliku zewnętrznego ajaxem. Po kliknięciu buttona powinna wyświetlić się wiadomość. Wyświetla się dopiero jeżeli dołącze JS i JQUERY także do pliku pobieranego.

plik index.php 

[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. echo '
  4. <!DOCTYPE html>
  5. <html lang="en">
  6. <head>
  7. 	<meta charset="utf-8">
  8. 	<title>Ładowarka</title>
  9. </head>
  10. <body>
  11. <script src="js/jquery-1.9.1.min.js"></script>
  12. <script src="js/laduj.js"></script>
  13.  
  14. <button id="zaladuj-plik">Załaduj plik</button>
  15.  
  16. <div id="content"></div>
  17.  
  18. </body>
  19. </html>
  20. ';
  21. ?>
  22.  
[PHP] pobierz, plaintext


plik laduj.js

[PHP] pobierz, plaintext 
  1. $(document).ready(function() {
  2.  
  3. 	$("#zaladuj-plik").click(function() {
  4. 		$.ajax({
  5. 			type: "GET",
  6. 			url: "dane.php",
  7. 			beforeSend: function(html){
  8. 				$("#content").html("Czekaj..");
  9. 			},
  10. 			success: function(data){
  11. 				$("#content").html(data);
  12. 			}
  13. 		});
  14. 	});
  15.  
  16. 	$("#wyswietl-wiadomosc").click(function() {
  17. 		alert('wiadomosc');
  18. 	});
  19.  
  20. });
  21.  
[PHP] pobierz, plaintext


plik dane.php

[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. /* Jeśli dodam te pliki, skrypt działa
  4. echo '
  5. <script src="js/jquery-1.9.1.min.js"></script>
  6. <script src="js/laduj.js"></script>
  7. ';
  8. */
  9.  
  10. echo '
  11. roznorodne dane ;)
  12. <button id="wyswietl-wiadomosc">Wyświetl wiadomość</button>
  13. ';
  14. ?>
[PHP] pobierz, plaintext


Jak się do tego .on() będzie mieć?

Ok działa (IMG:style_emoticons/default/tongue.gif)

ROZWIĄZANIE:

zdarzenie
[PHP] pobierz, plaintext 
  1. $("#wyswietl-wiadomosc").click(function() {
  2. 		alert('wiadomosc');
  3. });
[PHP] pobierz, plaintext


trzeba zmienić na 

[PHP] pobierz, plaintext 
  1. $('#content').on('click', '#wyswietl-wiadomosc', function (){
  2.         alert('wiadomosc');
  3. });
[PHP] pobierz, plaintext


Dzięki za podpowiedź (IMG:style_emoticons/default/smile.gif)

Ten post edytował reyne 1.09.2013, 12:22:12
Go to the top of the page
+Quote Post

Posty w temacie
- reyne   Wykonanie JS na elementach pobranych z AJAXA   30.08.2013, 08:27:07
- - nospor   MOze uraczylbys nas kodem jaki masz bysmy wiedziel...   30.08.2013, 08:28:48
- - markonix   http://api.jquery.com/on/ (wcześniej live)   30.08.2013, 09:29:53
- - nospor   To zalezy co robi, dlatego prosilem o kod. Live (o...   30.08.2013, 09:45:33
- - celbarowicz   W ładowarce umieść : <script type="text...   30.08.2013, 19:49:24
- - reyne   kod jest zbyt skomplikowany i dużo plików musiałby...   1.09.2013, 10:32:14
- - markonix   No jest to bezsensu, zgadza się. Spróbowałeś moje...   1.09.2013, 10:35:45
- - reyne   No właśnie nie wiem zbytnio jak się za to zabrać, ...   1.09.2013, 11:45:10
- - markonix   No dobrze, ale ja tu nigdzie nie widzę zastosowane...   1.09.2013, 11:46:26
- - reyne   Akurat się minęliśmy z odpowiedzią .on() załatwia ...   1.09.2013, 11:50:06

« Następny starszy · XML, AJAX · 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: 28.12.2025 - 10:19
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn