リダイレクトの前にマウスのクリックで 'a'要素をアニメーション化するにはどうすればよいですか？

Question

私はナビゲーション（class = "menu-js-nav"）を持っていて、各項目（a）は別のウェブサイトへのリンクです。マウスのクリックで 'a'要素をアニメートしたいときに、アニメーションが終了したら、ブラウザはクリックされた 'a'要素のWebサイトを開く必要があります。

私はデフォルトを防止しようとしましたが、アニメーションを作成しました。今私は防止されたデフォルトのアクションを実行する必要があります。私はいくつかの方法を試しましたが、アニメーションなしでリンクに常にリダイレクトされました。マウスをクリックした後に、最初に 'a'アイテムのアニメーションを作成したいのですが、その後、目的のWebサイトにリダイレクトしたいと思うコードを書くべきですか？

$('.menu-js-nav a').on('click', function(e) { 
    e.preventDefault(); 

    $(this).addClass('spinner').css({ 
     position: 'relative' 
    }).animate({ 
     left: 150 
    }, 1000).animate({ 
     top: -1000 
    }, 1000); 
}); 

Answer 1

as jquery documentationアニメーションは完全なセクションで関数呼び出しをサポートします。

だからアニメイト

$('.menu-js-nav a').on('click', function(e) { 
    e.preventDefault(); 
    link_to = $(this).attr('href'); 
    $(this).addClass('spinner').css({ 
     position: 'relative' 
    }).animate({ 
     left: 150 
    }, 1000).animate({ 
     top: -1000 
    }, 1000, function(){ 
      //open your link here 
      window.location.href = link_to; 
     }); 
});