点击链接后可以先展现完CSS3动画再跳转到指定的地址吗？

[loading]

学习 http://blog.sarasoueidan.com/windows8-animations/ 的后，想用这个界面做点东西，看这个页面应该是单页面的应用，我像点击“磁铁块“后，先出一下那个”Some Awesome App!“的褐色页面后再通过”location.href=Url;“进行跳转，由于水平太菜搞不定。。。

试用了回调函数（我不会这个），没成功，立马就跳转了，插入了sleep()，点击后定住没动画，时间够后直接跳，难道就没法子么？

function fadeDashBoard(callback){
for(var i = 1; i <= 3; i++) {
$('.col'+i).addClass('fadeOutback').removeClass('fadeInForward-'+i);
}
callback()
}


$(".photos-thumb").click(function(){

fadeDashBoard(goto('/DayPlan'));

});

function goto(gotoUrl){
location.href=gotoUrl;
}

[wctbok]

可以，调用这个事件 animationend，具体问 google 。

[xavierskip]

js 不是有个 setTimeout() 函数么？

不过我看了下了个demo，好像并不涉及页面url 的转跳呀。

[breeswish]

如果是在<a>中要避免浏览器立即跳转，可以用return false来实现

至于楼主的情况，似乎不用这么麻烦，只需要有延时即可。最简单做法是用setTimeout()函数指定一个延时计时器，最好的做法如1#所说监听animationend事件，当触发时候再跳转。

[loading]

已通过 @wctbok 提示方法解决，感谢提醒！