javascript - 在另一个函数完成后命令 jquery 函数发生

Question

我有一个函数，当运行时，在我的页面上为 div 设置动画并删除一个类，但是我想要做的是在高度动画结束时删除类，这可以使用 jQuery 吗？

        var el = $(this).find('ul li'); 
        var img = $(this).find('ul li img');        
        $(this).removeClass('active');

        //return false;
        el.animate({height:'135px'}, 500);
        el.css({
            'background-position':'top left',
            'background-size' : 'auto auto'
        });             


        $(this).find('ul li img').animate({height:'270px'}, 500);
        $(this).animate({height:'135px'}, 500);  

        img.attr('src', function(i, value) {
            return value.substring(28);
        });

Answer 1

有一个complete函数在动画完成后运行。根据函数的jQuery 文档animate，您可以像这样使用它：

el.animate({height:'135px'}, 500, function() {
    //code to run when complete goes here
});

Answer 2

在 .animate 函数中使用这样的完整调用：

complete:  function() { your func u wanna call when ani is complete..; }