Forum PHP.pl > [jQuery] Przeładowanie div + animacja

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jQuery] Przeładowanie div + animacja

Fifi209

27.04.2009, 11:08:00

Chcę zrobić za pomocą jQuery przeładowanie danego div'a z animacją.

Gdy mam kod:

Kod

$(document).ready(
    function() {
        step(1);
    }
);

function step(id) {
    $("#ajax").hide();
    $("#ajax").load("step.php?step=" + id);
    $("#ajax").show();
}

Wszystko działa dobrze, póki nie zastąpię hide() i show() funkcją toggle()

Ma ktoś pomysł?

To co zwraca php, to kolejny krok przy rejestracji.

lord_t

29.04.2009, 09:33:00

A po co chcesz zastępować?

Fifi209

29.04.2009, 17:11:00

Cytat(lord_t @ 29.04.2009, 10:33:00 )

A po co chcesz zastępować?

Przecież napisałem, że chciałbym mieć animację przy zmianie danych...

lord_t

29.04.2009, 22:05:55

Toggle bez argumentów? Jeśli tak to przypuszczam, że zamiast wykonania
ukryj, wczytaj, pokaz (*)

masz:
ukryj,pokaz, wczytaj (**)

Wydaje mi się, że przy hide i show Ci to działało w opcji (*) ponieważ one wykonywały się jakiś czas: dlatego nim skonczyło się hide to treść zdążyła się załadować.

Rozwiazania:
1) Stworzyć, żądanie synchroniczne.
2) (sugerowane) pokazywanie zrobić w callback ajaxa.

Fifi209

30.04.2009, 18:52:35

Cytat(lord_t @ 29.04.2009, 23:05:55 )

Kod z toggle wyglądał tak:

Kod

$(document).ready(
    function() {
        step(1);
    }
);

function step(id) {
    $("#ajax").toggle('slow');
    $("#ajax").load("step.php?step=" + id);
    $("#ajax").toggle('slow');
}

2. Sugerowany callback ajax'a, czy mógłbyś rozwinąć myśl bo na wiki piszą tylko co to jest. A mi bardziej chodzi o używanie.
(Wybaczcie uczę się obsługi jQuery dopiero)

lord_t

30.04.2009, 20:06:23

Cytat

function step(id) {
$("#ajax").toggle('slow');
$("#ajax").load("step.php?step=" + id,{},function(){
$("#ajax").toggle('slow');
});
}

Łap tego callbacka ^. A co do Twojego kodu z tooglami to jeśli nie działają z innego powodu niż opisana przeze mnie metoda to nie wiem czemu nie działają

Fifi209

1.05.2009, 09:54:27

Cytat(lord_t @ 30.04.2009, 21:06:23 )

Łap tego callbacka ^. A co do Twojego kodu z tooglami to jeśli nie działają z innego powodu niż opisana przeze mnie metoda to nie wiem czemu nie działają

Wrzuciłem callback'a lecz pojawia się problem: pojawia się i znika (treść) i tyle co ją widziano. ;d

Mniejsza o to, trudno się mówi. Nie od razu rzym zbudowano.

Proszę o zamknięcie tematu.

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.