如何在动画完成后更改页面

Question

所以我想在动画完成后用另一个更改当前页面，问题是我有一个步骤在动画过程中调用一个函数，而且我真的需要这个函数。目前动画开始，但不会更改页面。

var a = $("#m").offset().left + 75; 
var b = $(window).width()/2; 

if (a > b) { 
    $("#m").animate({ 
     left: $(window).width(), 
    }, { step: function(val){ 
     dim(); 
    }}, function(){ 
     window.location.href = "video.html"; 
    }); 
}else if (a - 150 < b){ 
    $("#m").animate({ 
     left: -$(window).width(), 
    }, { step: function(val){ 
     dim(); 
    }},function(){ 
     window.location.href = "photo.html"; 
    }); 
}; 

Answer 1

您可以使用“完整的”从jQuery的动画docs像

$("#m").animate({ 
      left: $(window).width(), 
      }, 
      { step: function(val){ 
          dim(); 
        }, 
       complete: function(){ 
          window.location.href = "video.html"; 
       } 
      });