обновить список после удаления элемента

Question

У меня есть функция, которая обновляет стиль списка, основываясь на том, какой номер элемента он есть в списке, так что 1-5 все оформлены по-разному.

У меня есть работа с удаленным, но я хочу исчезнуть, а затем удалить элемент, а затем запустить функцию списка обновлений. По какой-то причине (не знаю, почему), если я использую FADEOUT затем вызовите удалить после того, как оно было затухать, он не будет обновлять список, но если я просто использовать .remove() работает

// add classes to each list 
    function updateListClasses() { 
     var listClasses = ["first", "second", "third", "fourth", "fifth"]; 
     var numberOfAnswers = $(".answers li").size(); 
     $(".draggable").each(function() { 
      //alert("updating") 
      $(this).find("li").removeClass(); 
      $("li").each(function(index){ 
       $(this).addClass(listClasses[index]); 
      }) 
     }) 
    }; 

    function removeParent() { 
    $(this).parent().fadeOut(function() { 
     $(this).remove(function(){ 
      updateListClasses(); 
     }); 
    }); 

    }; 

    $('.draggable li').on("click",".close", removeParent); 

просто делает это работает, но это немного слишком абразивная без замирания:

function removeParent() { 
    $(this).parent().remove(); 
    updateListClasses(); 
    }; 

Answer 1

remove() не принимает обратного вызова:

function removeParent() { 
    $(this).parent().fadeOut(function() { 
     $(this).remove(); 
     updateListClasses(); 
    }); 
    }