Forum PHP.pl > [jQuery] Błąd w srypcie

Pomoc - Szukaj - Użytkownicy - Kalendarz

szafran86

29.12.2008, 18:47:59

Nie za bardzo wiem jak zatytułować tego posta, ale do rzeczy:

Mam 3 pliki:

index.php

[HTML] pobierz, plaintext 
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="4139_104_jquery-1_2_3.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<a id="laduj" href="">Zaladuj plik loaded_file.html</a>
<div id="conteiner"></div>
</body>
</html>
[HTML] pobierz, plaintext

script.js

[HTML] pobierz, plaintext 
$(document).ready(function(){
 
	$('a#laduj').click(function(){
 
	$('#conteiner').load('loaded_file.html');
 
 	return false;
 
	});
 
        $('a#link_z_ladowanego_pliku').click(function(){
 
	$('#conteiner').hide();
 
 	return false;		
	});
});
[HTML] pobierz, plaintext

i loaded_file.html

[HTML] pobierz, plaintext 
<p>
Lorem Ipsum...
</p>
<p>
<a id="link_z_ladowanego_pliku" href="">ukryj zaladowany plik</a>
</p>
[HTML] pobierz, plaintext

Działa ładowanie zawartości pliku loaded_file.html do diva o id="conteiner"

ALE

W pliku loaded_file.html mam link który powinien ukryć div'a conteiner. A tego nie robi.

Jakie błędy zrobiłem że mi to nie działa?

przykład można zobaczyć tu

Pomóżcie

batman

29.12.2008, 18:57:41

Nie działa, ponieważ wszystkie zdarzenia zostały już "oskryptowane" przez jQuery. Ty wczytujesz nową zawartość, która nie jest "oskryptowana", ponieważ nie było jej podczas ładowania strony.
Jest kilka sposobów na rozwiązanie tego problemu:
1. Użycie pluginu - Live Query (tak się chyba nazywa) - nigdy z niego nie korzystałem.
2. Zastosowanie funkcji bind pod wczytaniu treści przez load, w celu "oskryptowania" nowej zawartości strony.
3. Napisanie obsługi kliknięcia w ładowanym pliku.

szafran86

29.12.2008, 20:04:05

Dzięki za podpowiedź.

Mógłbyś mi jednak zasugerować jak powinienem użyć tej funkcji bind();

Edit:

Problem rozwiązany.

Użyłem LiveQuery.

download

I oto mój nowy plik script.js

[HTML] pobierz, plaintext 
$(document).ready(function(){
 
	$('a#laduj').click(function(){
	$('#conteiner').show();
	$('#conteiner').load('loaded_file.html');
 
 	return false;
	});
 
	$('a#link_z_ladowanego_pliku').livequery('click', function() {
 
	$('#conteiner').hide();
 
	return false;
 
	});
});
[HTML] pobierz, plaintext

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.