У меня есть эта строка JavaScript, и поведение, которое я наблюдаю, заключается в том, что она selectedLiмгновенно исчезает, не «скользя вверх». Это не то поведение, которого я ожидал.
Что мне делать, чтобы selectedLiскользить вверх, прежде чем снимать?
selectedLi.slideUp("normal").remove();
Ответы:
Можно ли исправить это, поместив вызов remove в аргумент обратного вызова для slideUp?
например
selectedLi.slideUp("normal", function() { $(this).remove(); } );
Вы должны быть более точными: вместо того, чтобы говорить «это» (которое, я согласен, должно работать), вам следует сделать следующее:
$("#yourdiv").slideUp(1000, function() {
$(this).remove();
});
$("#yourdiv")вместо $(this)полностью излишне, и не поэтому этот код решает проблему OP. Этот код устраняет проблему, поскольку использует completeобратный вызов.
Самый простой способ - вызвать функцию «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);