点击链接后的页面过渡延迟（动画结束后）答案

【问题标题】：Page transition delay after link is clicked (after animation end)点击链接后的页面过渡延迟（动画结束后）
【发布时间】：2016-02-18 19:50:42
【问题描述】：

我搜索了类似的问题，但没有一个解决方案对我没有帮助。

所以，这是我的问题，我的标题中有一些其他页面的链接（关于、porftiolio 等...），当点击<a> 元素时，我在 javascript 中有一个动画。但是我的页面转换是即时的，所以看不到动画。那么我应该怎么做才能停止页面转换几秒钟直到我的动画结束。这是一个示例： http://codepen.io/anon/pen/zrXrXM 。有人可以帮我做什么来停止过渡，直到我的动画结束。

【问题讨论】：

你可以在动画之后进行重定向而不是链接

标签： javascript jquery css animation

【解决方案1】：

preventDefault 停止重定向，然后更改动画上的window.location complete。

$("a").click(function(e) {
    e.preventDefault();
    var href = $(this).attr('href');
    $(".header").slideUp("slow", function(){
      window.location = href; 
    });
});

Updated CodePen

【讨论】：

【解决方案2】：

您可以使用setTimeout() 函数看这里：http://codepen.io/SitePoint/pen/Ejxvjr 在这里解释：http://www.sitepoint.com/jquery-settimeout-function-examples/

【讨论】：

用于页面过渡或动画？
您的问题是您的页面很快就会加载，不是吗。所以用它来进行页面转换。