jQuery slideUp(). Remove() wydaje się nie pokazywać animacji slideUp przed usunięciem występuje

Question

Mam tę linię JavaScript i zachowanie widzę, że selectedLi natychmiast znika bez "przesuwanie w górę". To nie jest zachowanie, którego się spodziewałem.

Co powinienem zrobić, aby selectedLi przesuwał się, zanim zostanie usunięty?

selectedLi.slideUp("normal").remove(); 

Answer 1

Może to naprawić, ustawiając wywołanie w argumencie wywołania zwrotnego na slideUp?

np

selectedLi.slideUp("normal", function() { $(this).remove(); }); 

Answer 2

selectedLi.slideUp(200, this.remove); 

Answer 3

Musisz być bardziej wyraźne: zamiast mówić "to" (który Zgadzam powinno działać), należy to zrobić:

$("#yourdiv").slideUp(1000, function() { 
    $(this).remove(); 
}); 

Answer 4

Najprostszy sposób wywołuje funkcję "remove()" wewnątrz slideUp jako parametr, jak powiedzieli inni, jak w tym przykładzie:

$("#yourdiv").slideUp("normal", function() { 
    $(this).remove(); 
}); 

Konieczne jest wywoływanie go wewnątrz funkcji anonimowej(), aby zapobiec wykonaniu polecenia remove() przed zakończeniem operacji slideUp. Innym równym sposobem jest użycie funkcji jQuery "obietnica()". Lepsze dla tych, którzy lubią intuicyjną kod, tak jak ja;)

$("#yourdiv").slideUp("normal").promise().done(function() { 
    $(this).remove(); 
}); 

Answer 5

Korzystanie obietnice można też czekać na wielu animacji, aby uzyskać gotowy, np:

selectedLi.slideUp({duration: 5000, queue: false}) 
.fadeOut({duration: 3000, queue: false}) 
.promise().done(function() { 
    selectedLi.remove() 
})