Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [jQuery] Ladowanie tresci do div
Wolfie
post 9.09.2009, 11:20:27
Post #1





Grupa: Zarejestrowani
Postów: 686
Pomógł: 0
Dołączył: 10.11.2008
Skąd: Łódź

Ostrzeżenie: (20%)
X----


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 ?
Go to the top of the page
+Quote Post
nospor
post 9.09.2009, 11:23:23
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




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


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
Wolfie
post 9.09.2009, 11:41:59
Post #3





Grupa: Zarejestrowani
Postów: 686
Pomógł: 0
Dołączył: 10.11.2008
Skąd: Łódź

Ostrzeżenie: (20%)
X----


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. });
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 13:10