动画代码被忽略

Question

我在使用 JQuery 动画时遇到问题，我编写了一个带有登录框的基本网页，点击登录时，会执行以下功能。

function buttonClick() {    
    $('div.login').animate({bottom: '500px'});
    window.location.href = 'home.html'
}

当函数中唯一的代码是动画时，它可以正常工作，但是一旦我引入 window.location.href 代码就不会及时执行，并且页面在动画开始之前就发生了变化。任何想法如何延迟窗口行的执行？

谢谢！

Answer 1

使用animate()的完成回调

function buttonClick() {    
    $('div.login').animate({bottom: '500px'}, function(){
       // animation has completed here
       window.location.href = 'home.html'
    });    
}