在使用JQuery离开页面之前淡出div

Question

当我在转到该链接之前点击一个链接时，我试图用一个.card类淡出一些div元素。淡出有效，但我没有被带到链接页面。我有什么想法吗？

$(document).ready(function() {

  $("a").click(function(event){
      event.preventDefault();
      linkLocation = this.href;
      $('.card').addClass('fadeOutDown', function() {
        window.location = linkLocation;
      });
  });

});

Answer 1

addClass签名是错误的。试试这个：

    $(document).ready(function() {
      $("a").click(function(event){
          event.preventDefault();
          linkLocation = this.href;  
         $('.card').addClass('fadeOutDown').delay(1000).queue(function(){
           window.location = linkLocation;
        });
      });
    });