jQuery slideUp (). remove (), здається, не відображає анімацію slideUp до того, як відбувається видалення

У мене є цей рядок JavaScript, і поведінка, яку я бачу, полягає в тому, що selectedLiмиттєво зникає без "ковзання вгору". Це не та поведінка, якої я очікував.

Що мені робити, щоб selectedLiковзання вгору було перед тим, як його зняти?

selectedLi.slideUp("normal").remove();

Ви можете виправити це, поставивши виклик для видалення у аргумент зворотного дзвінка для slideUp?

напр

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

Вам потрібно бути більш чітким: замість того, щоб говорити "це" (що я погоджуюсь, має спрацювати), ви повинні робити це:

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

Найпростіший спосіб - викликати функцію "remove ()" всередині slideUp як параметр, як сказали інші, як цей приклад:

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

Потрібно викликати його всередині анонімної функції (), щоб запобігти виконанню видалення () до закінчення слайда. Іншим рівним способом є використання функції jQuery "promis ()". Краще для тих, хто любить пояснювальний код, як я;)

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

Використовуючи обіцянки, ви також можете почекати, поки закінчиться кілька анімацій, наприклад:

selectedLi.slideUp({duration: 5000, queue: false})
.fadeOut({duration: 3000, queue: false})
.promise().done(function() {
    selectedLi.remove()
})

selectedLi.slideUp(200, this.remove);