jquery - jqueryでコンテンツをロードするときに、ボタンのステージを循環します

Question

3つのオプションと送信ボタンがあるフォームがあります。送信時に、コンテンツはバックグラウンドで読み込まれます。

私がしたいのは、送信ボタンに3つの状態を持たせることです。

1. フォームを送信する「データのロード」というタイトルの通常のボタン（クリック可能）
2. 「読み込み中」というタイトルのコンテンツが読み込まれている間、フェードアウトして無効になります
3. 「開始」というタイトルの新しいページに移動する通常のボタン（クリック可能）に戻ります

誰かアイデアはありますか？

Answer 1

このようなもの。最初にボタンに Load Data と表示され、次に:

$('#button').click(function(){

    $(this).addClass("Loading");

    $.ajax({
      url: "test.html",
      context: document.body
    }).done(function() {
      $("#button").removeClass("Loading");
      $("#button").addClass("DoneStart");
      $("#button").click(function(){window.location.href = "whatever.html"});
    });

 });