Jquery动画 - 在动画完成之前执行回调

Question

我想要完成的是元素在高度上扩展，然后在高度变化完成后应用背景图像。我注意到回调中的背景图像在高度动画完成之前适用，导致性能滞后。谁能告诉我为什么会这样？

$(document).ready(function() {
    $('#hero').animate({
        height: ($(window).height() - $("#hero").offset().top - 50) 
    }, 100, function() {
        $('#hero').css('background-image', 'url(./img/hero.jpg)');
    });
});

Answer 1

transition: all 1s ease上有#hero，这会导致动画播放不规律，因为您尝试使用css3动画来动画jQuery动画（并抛出各种计时问题）。< / p>

我怀疑发生的事情是你收到jQuery动画完成的通知，但css3动画没有完成额外的1s，这就是为什么你看到你是什么。