jQuery slideUp (). remove (), похоже, не показывает анимацию slideUp до того, как произойдет удаление

У меня есть эта строка JavaScript, и поведение, которое я наблюдаю, заключается в том, что она selectedLiмгновенно исчезает, не «скользя вверх». Это не то поведение, которого я ожидал.

Что мне делать, чтобы selectedLiскользить вверх, прежде чем снимать?

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

Можно ли исправить это, поместив вызов remove в аргумент обратного вызова для slideUp?

например

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

Вы должны быть более точными: вместо того, чтобы говорить «это» (которое, я согласен, должно работать), вам следует сделать следующее:

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

Самый простой способ - вызвать функцию «remove ()» внутри slideUp в качестве параметра, как говорили другие, как этот пример:

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

Его необходимо вызывать внутри анонимной функции (), чтобы предотвратить выполнение remove () до завершения slideUp. Другой равноправный способ - использовать функцию jQuery «обещание ()». Лучше для тех, кто любит понятный код, как я;)

$("#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);