CSS3 Bounce然後轉到鏈接

Question

我想做一個img反彈，然後在動畫準備就緒後，它將導航到我正在使用的目標：-webkit-animation：bounce .6s 6 alternate ease-out;

和延遲去利用動畫即時消息後鏈接（但其延遲：目標藏漢）

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

任何想法怎麼玩動畫，然後轉到頁？

Answer 1

單擊添加類巫後會使圖像反彈。

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

Answer 2

既然你提到-webkit-animation，您可以使用webkitAnimationEnd事件：

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