애니메이션 코드가 무시 됨

Question

JQuery 애니메이션에 문제가 있습니다. 로그인 상자가있는 기본 웹 페이지를 작성했으며 로그인을 클릭하면 다음 기능이 실행됩니다. 기능의 코드 만이 애니메이션은 잘 작동하지만 곧 나는 window.location.href 코드를 소개로 애니메이션도 시작 시간과 페이지 변경에 실행하지 않습니다하기 전에이

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

. 모든 아이디어를 어떻게 창 라인의 실행을 지연?

감사합니다.

Answer 1

사용 animate() JQuery와에 애니메이션 mathod를 완료

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