はぁ~丸二日くらい悩んだかも。 不毛だな。 ま、とにかく html をこんな感じにしておく。 <input id="next_button" type="submit" value="つぎへ" /> <span id="loading" style="display:none;"><img src="img/loader.gif" /> 処理中</span> submitボタンの後ろにGIFアニメ画像を置いておいて、隠しておいて、クリックされたら出してやろう、というねらいだ。 で、最初俺はこう書いていた $('input#next_button').click(function(e) { e.preventDefault(); $('#next_button').hide(); $('#loading').show(); $('form').submit(); }); クリックで、 サブミ
![くるくる回るGIFアニメを用意して、submitボタンをクリックした時にくるくる回したい](https://cdn-ak-scissors.b.st-hatena.com/image/square/43b8c323ae99f5004dde4ab9f46c337ae7e4930b/height=288;version=1;width=512/http%3A%2F%2F2.bp.blogspot.com%2F-LDkBTRQRnmM%2FTmGbeki0tiI%2FAAAAAAAAAWI%2FwjTQX7VVWfw%2Fs1600%2Fgoukin.gif)