Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] Ladowanie tresci do div
Forum PHP.pl > Forum > Przedszkole
Wolfie
Witam


Mam taki oto kod jQuery :

  1. $('#TRESC').load('aktualnosci.php').fadeOut(1).delay(5000).fadeIn(2500);//.fadeOut(2000).fadeTo(2000,0, function() {
  2. //$(this).fadeIn(2000);
  3. //});
  4. $('a[href="aktualnosci.php"]').click(function(){
  5. $('#TRESC').load('aktualnosci.php').hide().fadeIn('slow');
  6. return false;
  7. });
  8. $('a[href="architektura.php"]').click(function(){
  9. $('#TRESC').load('architektura.php').hide().fadeIn('slow');;
  10. return false;
  11. });


Jest tam dalszy ciag z innymi odnosnikami ale reszta wyglada podobnie jak dwa ostatnie przypadki z load().
Sprawa polega na tym ze na poczatku gdy laduje stronke to laduje sie do diva o id="TRESC" strona 'aktualnosci.php' co widac w pierwszej linijce, no i nastepnie klikajac na pozycje w menu z href="architektura.php" (to jest ostatnia z wyzej przedstawionych funkcji) nastepuje zaladowanie do diva stronka architektura.php

Problem polega na tym ze po kliknieciu nastepuje fadeIn tej stronki ale dopiero po jakims czasie zmienia sie tresc czyli wyglada to tak

laduje sie tresc aktualnosci -> wciskam guzik architektura -> nastepuje fadeIn -> dopiero teraz zmienia sie tresc

A powinno byc tak ze zanim nie zmieni sie tresc to nie nastepuje fadeIn(), jak sobie z tym poradzic ?
nospor
tak dziala ajax, ze wykonuje sie w tle a cala reszty sobie leci dalej.
Jak chcesz zrobic fadeIn po zaladowaniu danych to zainteresuj sie 3 parametrem dla load czyli callback
Wolfie
Ok, pieknie dziala, zostawiam kod dla zainteresowanych :

  1. $('a[href="aktualnosci.php"]').click(function(){
  2. $('#TRESC').load('aktualnosci.php', '', function() {
  3. $(this).hide().fadeIn('slow');
  4. });
  5. return false;
  6. });
  7. $('a[href="architektura.php"]').click(function(){
  8. $('#TRESC').load('architektura.php', '', function() {
  9. $(this).hide().fadeIn('slow');
  10. });
  11. return false;
  12. });
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.