Question

我想做一个img反弹，然后在动画准备就绪后它会导航到href 我正在使用：带-webkit-animation的目标：反弹.6s 6替代缓出;

并且在动画即时使用之后延迟去链接（但是它延迟了：目标也是如此）

$('.footer a').click(function(e) {
            var href = $(this).attr('href');
            e.preventDefault();
            setTimeout(function() { window.location.href = href; }, 3000 );  {   
            };
        });

任何想法如何播放动画然后转到页面？

Answer 1

由于您已提及-webkit-animation，因此您可以使用webkitAnimationEnd事件：

$('.footer a').bind('webkitTransitionEnd', function(e) {
    var href = $(this).attr('href');
    setTimeout(function() { window.location.href = href; }, 3000 );
});

Answer 2

点击后添加类会使图像反弹。

$('#item').on('click', function(e){
    e.preventDefault();
    $(this).addClass('bounce');
    //other stuff
    //timeout as you do. Becouse you know how long animation is
})

CSS3 Bounce然后转到链接

2 个答案: