jQuery slideUp (). remove (), kaldırma işlemi gerçekleşmeden önce slideUp animasyonunu göstermiyor

Bu JavaScript satırına sahibim ve gördüğüm davranış, selectedLi"yukarı kaymadan" anında kaybolmasıdır. Bu beklediğim davranış değil.

selectedLiSlaytların kaldırılmadan önce yukarı kalkması için ne yapmalıyım ?

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

Bir geri aramada kaldırılacak çağrıyı arg to slideUp'a koyarak düzeltebilir misiniz?

Örneğin

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

Daha açık olmanız gerekiyor: "Bu" demek yerine (işe yaraması gerektiğini kabul ediyorum), şunu yapmalısınız:

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

En basit yol, diğerlerinin de söylediği gibi, bu örnekte olduğu gibi, slideUp içindeki "remove ()" işlevini bir parametre olarak çağırmaktır:

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

SlideUp sona ermeden önce remove () işlevinin yürütülmesini önlemek için anonim işlev () içinde çağırmak zorunludur. Diğer bir eşit yol da jQuery işlevi "promise ()" kullanmaktır. Benim gibi kendini açıklayan kodu sevenler için daha iyi;)

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

Sözleri kullanarak birden fazla animasyonun bitmesini de bekleyebilirsiniz, örneğin:

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

selectedLi.slideUp(200, this.remove);