2016-03-30 16 views
0

ページの送信ボタンをクリックすると、ajaxを使用してgifローダーを表示しようとしています。ローダーはFirefoxで表示されていますが、IEとChromeでは表示されません。 async: falseを削除すると、すべてのブラウザで正常に動作しますが、同期させる必要があります。 jQueryのドキュメントからAjaxローダーgifがieとchromeで動作しない

 $.ajaxSetup({ cache: false, async: false }); 
    $(document).ajaxStart(function() { 
     $('#imgloader').removeClass('loading').addClass('loading'); 
     $('#imgloader').show(); 
    }); 
    $(document).ajaxStop(function() { 
     $('#imgloader').removeClass('loading'); 
     $('#imgloader').hide(); 
    }); 
+0

なぜ非同期要求ではなく同期要求をしたいのですか? – WirelessKiwi

答えて

0

:同期要求を一時的にリクエストがアクティブである間に何らかのアクションを無効にするには、ブラウザをロックすることが

注 ここローダーのための私のコードです。

だから基本的には、ブラウザは、あなたが明示的にあなたのdivにクラスを追加する必要があり、同期要求にビジー状態である、それは

を終えています前に、あなたが本当に同期リクエストをしたい場合は何もしませんより前リクエストを送信

+0

クラスを追加するには?私はそれを得ることができますそれを得ることができます – sumedha

+0

@sumedha $ .ajaxStartと$ .ajaxAfterでコールバックを登録する代わりに、要求の前後に各関数の2行を呼び出します – WirelessKiwi

+0

どのように?私はまだそれを得るdint。申し訳ありませんが、私は全く新しいAjaxです。これは初めての使用です。 – sumedha

関連する問題