jquery - 在Jquery中动画后重定向

Question

我有这个代码：

setTimeout(function() {  
  $('#squareone').animate({top: '-760px'},1000);
 }, 22200

 ); 

这会为#squareonediv 设置动画。我想解决的问题是动画完成后重定向。我该怎么做？我知道重定向是这样工作的window.location.href = "/home.html"

谢谢！

Answer 1

使用动画回调函数：

$('#squareone').animate({
    top: '-760px'
}, 1000, function () {
    window.location.href = "myuri"
});

Answer 2

您可以使用animate的完整回调来放置重定向逻辑。

$('#squareone')
         .animate({top: '-760px'}, 
           1000, 
           function(){
               //redirect here
              window.location.href=myredirectionuri;
   });