jQuery slideUp (). remove () nie wydaje się pokazywać animacji slideUp przed usunięciem

Mam tę linię JavaScript, a zachowanie, które widzę, jest takie, że selectedLinatychmiast znika bez „zjeżdżania”. Nie jest to zachowanie, którego się spodziewałem.

Co mam zrobić, aby selectedLislajdy się podniosły, zanim zostaną usunięte?

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

Czy uda się to naprawić, umieszczając wywołanie remove w argumencie wywołania zwrotnego do slideUp?

na przykład

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

Musisz być bardziej wyraźny: zamiast mówić „to” (co, jak się zgadzam, powinno działać), powinieneś zrobić to:

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

Najprostszym sposobem jest wywołanie funkcji „remove ()” wewnątrz slideUp jako parametru, jak powiedzieli inni, jak w tym przykładzie:

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

Konieczne jest wywołanie go wewnątrz funkcji anonimowej (), aby zapobiec wykonaniu metody remove () przed zakończeniem slideUp. Innym równym sposobem jest użycie funkcji jQuery „promise ()”. Lepsze dla tych, którzy lubią zrozumiały kod, jak ja;)

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

Korzystając z obietnic, możesz również poczekać na ukończenie wielu animacji, np .:

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

selectedLi.slideUp(200, this.remove);