Ho questa linea di JavaScript e il comportamento che vedo è che selectedLiscompare all'istante senza "scivolare verso l'alto". Questo non è il comportamento che mi aspettavo.
Cosa devo fare in modo che le selectedLidiapositive si aprano prima di essere rimosse?
selectedLi.slideUp("normal").remove();Risposte:
Potrebbe essere in grado di risolverlo inserendo la chiamata per rimuovere in un argomento di richiamata a slideUp?
per esempio
selectedLi.slideUp("normal", function() { $(this).remove(); } );Devi essere più esplicito: invece di dire "questo" (che sono d'accordo dovrebbe funzionare), dovresti farlo:
$("#yourdiv").slideUp(1000, function() {
$(this).remove();
});
$("#yourdiv")invece di $(this)è completamente ridondante e non è per questo che questo codice risolve il problema di OP. Questo codice risolve il problema perché utilizza la completerichiamata.
Il modo più semplice è chiamare la funzione "remove ()" all'interno di slideUp come un parametro come altri hanno detto, come questo esempio:
$("#yourdiv").slideUp("normal", function() {
$(this).remove();
});
È necessario chiamarlo all'interno della funzione anonima () per evitare che remove () venga eseguito prima che lo slideUp sia terminato. Un altro modo uguale è usare la funzione jQuery "promise ()". Meglio per chi ama il codice autoesplicativo, come me;)
$("#yourdiv").slideUp("normal").promise().done(function() {
$(this).remove();
});
Usando le promesse puoi anche aspettare che più animazioni finiscano, ad esempio:
selectedLi.slideUp({duration: 5000, queue: false})
.fadeOut({duration: 3000, queue: false})
.promise().done(function() {
selectedLi.remove()
})
selectedLi.slideUp(200, this.remove);