jquery fade然后重定向

Question

好的，我可能有点从咖啡因atm中抽出来自己弄清这一个，但我想弄清楚如何在飞溅图像褪色后将访问者重定向到页面。

$(document).ready(
function 
() 
{$('.wrapper a img').hover(
     function() 
     { 
      $(this).stop().animate({ opacity: .4 } , 200); 
      settimeout(function(){window.location = '/blog';}, 200); 
     } 
)}); 

它不工作，并drving我有点纳特

Answer 1

.animate允许你定义一个回调将被调用的动画完成时：

$(this).stop().animate({ opacity: .4 } , 200, "swing", function() { 
    window.location = '/blog'; 
}); 

的第三个参数（"swing" ）只是该参数的默认值。

为同一个可选的语法是

.animate({ opacity: .4 }, { 
    duration: 200, 
    complete: function() { window.location = '/blog'; } 
); 

最后，另一种方法是使用一个.promise将要完成时，该元素的动画队列为空（即所有的动画已经结束）：

.animate({ opacity: .4 } , 200) 
.promise().done(function() { window.location = '/blog'; });