[jquery] load - dlaczego nastepuje przeladowanie strony ? Opcje

[michal2]

Mam plik funkcje.js:

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
$(document).ready(function()
{	
 
           $('#jeden').click(function()
	   {
	      $('#content').load('jeden.php');
	      return false;
	   });
 
	   $('#dwa').click(function()
	   {
	      $('#content').load('dwa.php');
	      return false;
	   });
 
});	
 
</script>
[HTML] pobierz, plaintext 

na stronie index.php mam:

[PHP] pobierz, plaintext 
<script src="js/funkcje.js" type="text/javascript"></script>
..................
<div id="content"> 
	   <?php 
		if (isset($_GET['id'])){
				if($_GET['id'] == '1'){ 
					include 'jeden.php'; 
				}elseif($_GET['id'] == '2'){ 
					include 'dwa.php'; 
				}else{ 
					include 'jeden.php'; 
				}
		}else{		
			include 'jeden.php';
		}
	  ?>
</div>
[PHP] pobierz, plaintext 

Na stronie jeden.php:

[HTML] pobierz, plaintext 
<div id="menu">
    	<a id="jeden_selected"></a>
	<a id="dwa" href="index.php?id=2"></a>
</div>
 
 
    <div id="informacje">
 
          aaaaaaaaaaa
 
    </div>
[HTML] pobierz, plaintext 

Na stronie dwa.php:

[HTML] pobierz, plaintext 
<div id="menu">
    	<a id="jeden" href="index.php?id=1"></a>
	<a id="dwa_selected"></a>
</div>
 
 
    <div id="informacje">
 
          bbbbbbbbb
 
    </div>
[HTML] pobierz, plaintext 

Domyslnie laduje sie strona jeden.php zawierajaca tresc i menu. Menu dlatego ze na stronie jeden.php w menu pierwszy link to pomaranczowy button (sygnalizujacy ze wybrano strone 'jeden.php'), a drugi jest bialy. Na stronie dwa.php pierwszy link to bialy button a drugi pomaranczowy (sygnalizujacy ze wybrano strone dwa.php). I jak klikam na buttony z tego menu to zawartosc i menu sie zmienia, ale nastepuje przeladowanie strony. Chyba ze w kazdym z tych plikow dodam ponownie kod javascript z poczatku mego postu (wtedy jest ok, ale nie jest to chyba wygodne rozwiazanie takie dodawanie za kazdym razem do kazdego pliku kodu js). Dlaczego ?

Ten post edytował michal2 17.08.2009, 13:07:13

[wookieb]

Wystarczy, że po prawidłowym załadowaniu każdej strony za pomocą load zrobisz

[JAVASCRIPT] pobierz, plaintext 
$(document).ready();
[JAVASCRIPT] pobierz, plaintext 

Kod wywołujesz w trzecim parametrze http://docs.jquery.com/Ajax/load#urldatacallback

[vokiel]

[JAVASCRIPT] pobierz, plaintext 
$('#jeden').click(function(e){
e.preventDefault();
// reszta kodu
});
[JAVASCRIPT] pobierz, plaintext 

[michal2]

wookieb tak przeciez robie (IMG:style_emoticons/default/smile.gif)

vokiel niestety to nie pomaga (IMG:style_emoticons/default/sad.gif)

[wookieb]

wookieb tak przeciez robie (IMG:style_emoticons/default/smile.gif)

To chyba jestem ślepy bo nie widzę 3 parametru dla metody load.

[erix]

vokiel niestety to nie pomaga

1. pokaż, jak wstawiasz
2. a co w konsoli błędów?

[michal2]

Jesli dobrze Ciebie wooki zrozumialem to chodzilo ci o:

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
$(document).ready(function()
{	
 
           $('#jeden').click(function()
	   {
	      $('#content').load('jeden.php',null,$(document).ready());
	      return false;
	   });
 
	   $('#dwa').click(function()
	   {
	      $('#content').load('dwa.php',null,$(document).ready());
	      return false;
	   });
 
});	
 
</script>
[HTML] pobierz, plaintext 

Niestety teraz zawartosci plikow nie sa w ogole wczytywane. (IMG:style_emoticons/default/sad.gif)


erix wstawialem tak:

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
$(document).ready(function()
{	
 
           $('#jeden').click(function(e)
	   {
              e.preventDefault();
	      $('#content').load('jeden.php',null,$(document).ready());
	      return false;
	   });
 
	   $('#dwa').click(function(e)
	   {
              e.preventDefault();
	      $('#content').load('dwa.php',null,$(document).ready());
	      return false;
	   });
 
});	
 
</script>
[HTML] pobierz, plaintext 

Ten post edytował michal2 17.08.2009, 13:04:27

[wookieb]

Mój błąd

[JAVASCRIPT] pobierz, plaintext 
function rdy()
{
     $('#jeden').click(function()
       {
          $('#content').load('jeden.php', null, rdy);
          return false;
       });
 
       $('#dwa').click(function()
       {
          $('#content').load('dwa.php', null, rdy);
          return false;
       });
}
 
$(document).ready(rdy);
[JAVASCRIPT] pobierz, plaintext 

[michal2]

Działa ... dzięki, a moglbys udzielic informacji dlaczego ? Nie bardzo rozumiem dlaczego Twoj sposob jest poprawny a moj nie (IMG:style_emoticons/default/tongue.gif)

[wookieb]

Bo jak przeładowałeś zawartosc to linki o podanych idkach straciły zdarzenie click, dlatego trzeba było je dodać ponownie.

[vokiel]

Bo jak przeładowałeś zawartosc to linki o podanych idkach straciły zdarzenie click, dlatego trzeba było je dodać ponownie.

Do takich zastosowań chyba pasuje plugin livequery

[michal2]

Dziękuję Wam obu, zobacze ten plugin.