Eu tenho essa linha de JavaScript e o comportamento que estou vendo é que o selectedLidesaparece instantaneamente sem "deslizar para cima". Este não é o comportamento que eu esperava.
O que devo fazer para que os selectedLislides subam antes de serem removidos?
selectedLi.slideUp("normal").remove();Respostas:
Pode ser possível consertar colocando a chamada para remover em um argumento de retorno de chamada para slideUp?
por exemplo
selectedLi.slideUp("normal", function() { $(this).remove(); } );Você precisa ser mais explícito: em vez de dizer "isso" (que concordo que deve funcionar), você deve fazer o seguinte:
$("#yourdiv").slideUp(1000, function() {
$(this).remove();
});$("#yourdiv")vez de $(this)é completamente redundante e não é por isso que este código corrige o problema do OP. Este código corrige o problema porque usa o completeretorno de chamada.
A maneira mais simples é chamar a função "remove ()" dentro do slideUp como um parâmetro como outros disseram, como este exemplo:
$("#yourdiv").slideUp("normal", function() {
$(this).remove();
});É obrigatório chamá-lo dentro da função anônima () para evitar que remove () seja executado antes que o slideUp termine. Outra forma igual é usar a função jQuery "promessa ()". Melhor para quem gosta de código autoexplicativo, como eu;)
$("#yourdiv").slideUp("normal").promise().done(function() {
$(this).remove();
});Usando promessas, você também pode esperar que várias animações sejam concluídas, por exemplo:
selectedLi.slideUp({duration: 5000, queue: false})
.fadeOut({duration: 3000, queue: false})
.promise().done(function() {
selectedLi.remove()
})selectedLi.slideUp(200, this.remove);