forms - フォーム送信のアニメーション GIF

Question

次のようなタイプの画像の入力を持つフォームがあります。

<input type="image" id="submit" src="red_btn.png">  

この画像をクリックしてフォームを送信したら、画像をアニメーション GIF に変更してスピナーを表示します

$('form').submit(function(e){
 //e.preventDefault();
 $('#submit').attr("src", "loading.gif");
 });  

ただし、アニメーションはありません。しかし、フォームの送信を防ぐと、gif がアニメーション化されます。

これはFF16で

助けてください。

Answer 1

ページは送信ページに移行中のように見えるので、その時点でユーザーに何も表示したくありません。ajax 呼び出しを行っていた場合は、はい、スピナーが適切です。しかし、標準のフォーム送信では、ブラウザーは既に新しいページの読み込みに取り組んでいるため、このページはフラッシュされようとしています。