Tengo esta línea de JavaScript y el comportamiento que veo es que el selectedLi desaparece instantáneamente sin "deslizarse". Este no es el comportamiento que esperaba.
¿Qué debo hacer para que se selectedLideslice hacia arriba antes de retirarlo?
selectedLi.slideUp("normal").remove();Respuestas:
¿Podría solucionarlo poniendo la llamada a eliminar en un argumento de devolución de llamada para slideUp?
p.ej
selectedLi.slideUp("normal", function() { $(this).remove(); } );Debe ser más explícito: en lugar de decir "esto" (que estoy de acuerdo que debería funcionar), debe hacer esto:
$("#yourdiv").slideUp(1000, function() {
$(this).remove();
});$("#yourdiv")lugar de $(this)es completamente redundante y no es por eso que este código soluciona el problema de OP. Este código soluciona el problema porque usa la completedevolución de llamada.
La forma más sencilla es llamar 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 obligatorio llamarlo dentro de la función anónima () para evitar que remove () se ejecute antes de que termine slideUp. Otra forma igual es usar la función jQuery "promise ()". Mejor para aquellos a los que les gusta el código autoexplicativo, como yo;)
$("#yourdiv").slideUp("normal").promise().done(function() {
$(this).remove();
});Con las promesas, también puede esperar a que finalicen varias animaciones, por ejemplo:
selectedLi.slideUp({duration: 5000, queue: false})
.fadeOut({duration: 3000, queue: false})
.promise().done(function() {
selectedLi.remove()
})selectedLi.slideUp(200, this.remove);