jQuery slideUp (). remove () dường như không hiển thị hoạt ảnh slideUp trước khi loại bỏ xảy ra

Tôi có dòng JavaScript này và hành vi mà tôi đang thấy là nó selectedLibiến mất ngay lập tức mà không "trượt lên". Đây không phải là hành vi mà tôi mong đợi.

Tôi nên làm gì để các selectedLitrang trình bày lên trước khi nó bị xóa?

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

Có thể khắc phục nó bằng cách đặt lệnh gọi để loại bỏ trong một đối số gọi lại đến slideUp không?

ví dụ

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

Bạn cần phải nói rõ ràng hơn: thay vì nói "cái này" (mà tôi đồng ý là nên làm việc), bạn nên làm điều này:

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

Cách đơn giản nhất là gọi hàm "remove ()" bên trong slideUp như một tham số như những người khác đã nói, như ví dụ sau:

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

Bắt buộc phải gọi nó bên trong hàm ẩn danh () để ngăn remove () được thực thi trước khi slideUp kết thúc. Một cách tương tự khác là sử dụng hàm jQuery "promise ()". Tốt hơn cho những người thích mã tự giải thích, như tôi;)

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

Sử dụng các hứa hẹn, bạn cũng có thể đợi nhiều hoạt ảnh hoàn thành, ví dụ:

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

selectedLi.slideUp(200, this.remove);