jQuery slideUp(). Remove() no parece mostrar la animación de slideUp antes de eliminar

Question

Tengo esta línea de JavaScript y el comportamiento que estoy viendo es que el selectedLi desaparece al instante sin "deslizar hacia arriba". Este no es el comportamiento que esperaba.

¿Qué debo hacer para que el selectedLi se deslice antes de quitarlo?

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

Answer 1

¿Podría solucionarlo poniendo la llamada para eliminar en una devolución de llamada arg a slideUp?

por ejemplo

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

Answer 2

selectedLi.slideUp(200, this.remove); 

Answer 3

Es necesario ser más explícito: en lugar de decir "este" (que estoy de acuerdo debería funcionar), usted debe hacer esto:

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

Answer 4

El más simple forma está llamando a la función "remove()" dentro de slideUp como un parámetro como otros han dicho, como este ejemplo:

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

Es imprescindible llamarlo dentro de la función anónima() para evitar que remove() se ejecute antes de que el slideUp haya finalizado. Otra forma igual es usar la función jQuery "promise()". Mejor para aquellos que les gusta código explica por sí mismo, como yo;)

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

Answer 5

Usando promesas también se puede esperar a múltiples animaciones para obtener acabados, por ejemplo:

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