Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery][JavaScript] Tworzenie obiektu DIV
Forum PHP.pl > Forum > Przedszkole
-Alonzo-
Witam, chcę zrobić w jQuery takie coś, że tworze sobie obiekt DIV, zapisuje go do zmiennej. Potem dodaje go do body, nadaje mu animację i jako trzeci argument animacji dam funkcje która usunie tenże element. Żeby lepiej sobie wyobrazić to o czym mówię to to coś w stylu że klikam jakiś button, tworzy się kolejny DIV na stronie (z backgroundem np śniegu), spada na dół strony i usuwa się ten DIV. Jak zrobić to tworzenie obiektu DIV do zmiennej, nadanie mu animacji itp + dodać go do body (akurat dodać to wiem: $("body").append(divZeZmiennej)wink.gif?
SmokAnalog
Elementy w jQuery tworzysz tak (na przykładzie div-a):
[JAVASCRIPT] pobierz, plaintext
  1. var nowyDiv = $("<div></div>");
[JAVASCRIPT] pobierz, plaintext

I możesz potem robić z nim co zechcesz, na przykład właśnie dodać do body. Póki go nigdzie nie dodasz, nie będzie go w ogóle widać (bo nie ma go w drzewie DOM).
-Alonzo-
Czyli to powinno wyglądać tak?
Kod
$("#jakisProstyButton").click(function() {
    var $nowyDiv = $("<div class='doTegoMojaKlasa'></div>");
    $("body").append($nowyDiv);
    
    $($nowyDiv).animate({
        top: '1000px'
    }, 1000, function() {
        // tu potrzebuje kod na usuniecie tego konkretnego elementu
    });
});


Jak usunąć tego diva w miejscu gdzie napisałem?
SmokAnalog
Nie musisz pisać $($nowyDiv), wystarczy $nowyDiv, bo ta zmienna już zawiera obiekt jQuery.

Usunąć go możesz wewnątrz funkcji zwrotnej z animate tak:
[JAVASCRIPT] pobierz, plaintext
  1. $(this).remove();
[JAVASCRIPT] 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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.