jQuery slideUp().remove() ne semblent pas montrer de la slideUp de l'animation avant de se retirer

J'ai cette ligne de code JavaScript et le comportement que je vois c'est que le selectedLi disparaît immédiatement sans "glisser". Ce n'est pas le comportement que j'attendais.

Que dois-je faire pour que le selectedLi glisse vers le haut avant de la retirer?

selectedLi.slideUp("normal").remove();
InformationsquelleAutor Eric Schoonover | 2008-11-21
  1. 188

    Pourrait être en mesure de le réparer en mettant l'appel à supprimer dans un rappel arg à slideUp?

    e.g 

    selectedLi.slideUp("normal", function() { $(this).remove(); } );
    InformationsquelleAutor seanb
  2. 15

    Vous avez besoin pour être plus explicite: "plutôt que de dire "ce" (dont je suis d'accord devrait fonctionner), vous devriez faire ceci:

    $("#yourdiv").slideUp(1000, function() {
    $(this).remove();
});
    • DÉSOLÉ = j'ai oublié de retirer ma carte d'identité, doit être: $('#yourdiv').slideUp(1000, function(){ $('#yourdiv').remove(); });
    • À l'aide de $(this) au lieu de $("#yourdiv") est plus optimisé depuis jQuery n'a pas besoin de regarder pour un nœud.
    • À l'aide de $("#yourdiv") au lieu de $(this) est complètement redondant et ce n'est pas pourquoi ce code fixe OP problème. Ce code résout le problème, car il utilise le complete de rappel.
    InformationsquelleAutor Blake
  3. 6

    La façon la plus simple est d'appeler le "remove()" fonction à l'intérieur de slideUp comme un paramètre comme d'autres l'ont dit, comme cet exemple:

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

    Il est un must pour appeler à l'intérieur de la fonction anonyme() pour prévenir les supprimer() pour être exécuté avant que le slideUp a pris fin. Une autre l'égalité est d'utiliser la fonction jQuery "promesse()". Mieux, pour ceux qui aiment l'auto-explicatif code, comme moi 😉

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

    À l'aide des promesses que vous pouvez également attendre pour de multiples animations pour obtenir fini, par exemple:

    selectedLi.slideUp({duration: 5000, queue: false})
.fadeOut({duration: 3000, queue: false})
.promise().done(function() {
    selectedLi.remove()
})
    InformationsquelleAutor famousgarkin
  5. -2
    selectedLi.slideUp(200, this.remove);
    • J'ai testé - il ne supprime pas l'élément après le glissement vers le haut.
    • Effecively cache l'élément, mais ne fait pas l'enlever de la DOM.
    InformationsquelleAutor