jquery淡入淡出然后重定向

jquery fade then redirect

本文关键字：重定向 然后 淡出 淡入 jquery      更新时间：2023-09-26

好吧，我可能有点从咖啡因自动取款机中抽出一点来自己解决这个问题，但我正在尝试弄清楚如何在启动图像褪色后将访问者重定向到页面。 

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

它不起作用，让我有点疯狂

.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'; });
相关文章：