J'ai cette ligne de JavaScript et le comportement que je vois est que le selectedLidisparaît instantanément sans "glisser vers le haut". Ce n'est pas le comportement auquel je m'attendais.
Que dois-je faire pour que les selectedLidiapositives se déplacent avant qu'elles ne soient supprimées?
selectedLi.slideUp("normal").remove();Réponses:
Pourrait être en mesure de résoudre ce problème en mettant l'appel à supprimer dans un argument de rappel à slideUp?
par exemple
selectedLi.slideUp("normal", function() { $(this).remove(); } );Vous devez être plus explicite: plutôt que de dire "ceci" (ce qui, je suis d'accord, devrait fonctionner), vous devriez faire ceci:
$("#yourdiv").slideUp(1000, function() {
$(this).remove();
});$("#yourdiv")au lieu de $(this)est complètement redondant et ce n'est pas pourquoi ce code résout le problème d'OP. Ce code résout le problème car il utilise le completerappel.
Le moyen le plus simple est d'appeler la fonction "remove ()" dans slideUp en tant que paramètre comme d'autres l'ont dit, comme dans cet exemple:
$("#yourdiv").slideUp("normal", function() {
$(this).remove();
});Il est indispensable de l'appeler dans la fonction anonyme () pour empêcher que remove () ne soit exécuté avant la fin du slideUp. Une autre manière égale est d'utiliser la fonction jQuery "promise ()". Mieux pour ceux qui aiment le code explicite, comme moi;)
$("#yourdiv").slideUp("normal").promise().done(function() {
$(this).remove();
});En utilisant les promesses, vous pouvez également attendre que plusieurs animations soient terminées, par exemple:
selectedLi.slideUp({duration: 5000, queue: false})
.fadeOut({duration: 3000, queue: false})
.promise().done(function() {
selectedLi.remove()
})selectedLi.slideUp(200, this.remove);