私はこのコードを持っています
<script>
$(document).ready(function () {
$('#loading').hide().ajaxStart(function() {
$(this).show();
}).ajaxStop(function() {
$(this).hide();
});
});
</script>
最初にAJAX呼び出しが行われているアクションを実行すると、読み込み中の画像が表示されて回転を開始しますが、そのAJAX呼び出しでは、他の複数のAJAX呼び出しを呼び出し、読み込み中の画像はブラウザによって異なる動作を示します。
Firefox =意図したとおりに動作します。AJAXを実行するアクションを実行すると、AJAX呼び出しが完了するまでロード中の画像が表示されます。
Google Chrome =動作を開始し、読み込み中の画像が読み込まれますが、他のAJAX呼び出しが実行されるとすぐに(最初の呼び出しから、成功フェーズで)、読み込み中の画像がフリーズし、再度アニメーション化されません。
IE9 /Safari =単に読み込み中の画像をレンダリングしません。
他のブラウザでもFirefoxと同じように動作させたいです。なぜこれが起こっているのか考えはありますか?