jquery - 动画完成后如何运行默认行为？

Question

demo

假设我这样使用:

$("a").click(function(){
  $(this)
  .animate({ left: -10 })
  .animate({ left: 10 })
  .animate({ left: -10 })
  .animate({ left: 10 })
  .animate({ left: 0 });
});

然后将首先触发链接的默认行为，然后返回页面后将出现动画。

所以，如果我这样使用:

$("a").click(function(e){
  e.preventDefault();
  $(this)
  .animate({ left: -10 })
  .animate({ left: 10 })
  .animate({ left: -10 })
  .animate({ left: 10 })
  .animate({ left: 0 });
});

然后动画将运行，但默认行为将停止。

但我想在动画完成后指定链接的默认行为。

我尝试过更多类似的事情:

$("a").click(function(e){
   e.preventDefault();
   $(this)
   .animate({ left: -10 })
   .animate({ left: 10 })
   .animate({ left: -10 })
   .animate({ left: 10 })
   .animate({ left: 0 });
   return e; //return e.target; //return e.type;
});

那么，在阻止默认操作后如何注册默认操作呢？

有没有类似e.runDefault()的东西？

Answer 1

你可以试试这个:

$("a").click(function(e){
    e.preventDefault();
    _link = $(this).attr('href');
     $(this)
       .animate({ left: -10 })
       .animate({ left: 10 })
       .animate({ left: -10 })
       .animate({ left: 10 })
     .animate({ left: 0 }, function(){
         window.location.href = _link;
     });
 });