JQueryのローダーインジケータとボタン無効に関する問題

Question

Jqueryにいくつか問題があります。ユーザーが送信ボタンをクリックすると、メインのコンテンツをローダーバーのアニメーション化された.gifに置き換えたいので、検索ボタンを無効にしたいと思います。

2つの問題があります。 1.アニメーション化された.gifは移動しません。 2.ユーザーが戻るボタンを押すと、ボタンはまだ無効です。

ここ

は、私が使用していたコードです：

// Setup AJAX 
    $.ajaxSetup ({ 
    cache: false 
    }); 

    // Process search submit click 
    var ajax_load = "<img src='static/loader.gif' />"; 
    var loadURL = "/results/"; 
    $("#search-submit").click(function() { 
    $("#main").html(ajax_load).load(loadURL); 
    $(this).attr('disabled', 'disabled'); 
    }); 

だから、私が実際に移動するには、アニメーション.GIFをしたい、と私は、ユーザーが戻ったときに送信ボタンを再び有効にすることにしたいです。

ありがとうございます！

Answer 1

私はdivの内側に.GIFを配置しにCSSを使用することをお勧め{表示：なし;} 提出クリックイベントが発生した場合、この操作を行います。 $（ '＃隠された-のdiv'）ショー（0）; 新しいコンテンツがロードされたことを確認したら、$（ '＃hidden-div'）のコールバック関数を使用します。

この方法では、アニメーションgifは既に存在し、アニメーション化する必要があります。 私の携帯電話からこれをやっていますが、これが助けてくれることを願っています！

Answer 2

送信ボタンがクリックされたときにフォームデータをどこかに投稿しているように聞こえます。 リダイレクトしようとしている同じ瞬間に#mainコンテナにhtmlを挿入しています。 ブラウザがそのページから移動しているため、gifがアニメーション表示されないことがありますか？

はどこかに送信するフォームですか、それともdomとの反復ですか？