Question

我有一个函数可以根据列表中的数字元素更新列表的样式，所以1-5的样式都不同。

我使用它只是删除，但我想淡出然后删除该项，然后运行更新列表功能。出于某种原因（不知道为什么）如果我使用fadeOut然后在淡出后调用remove，它不会更新列表但是如果我只是使用.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();
    }); 
  }

删除项后更新列表

1 个答案: