2018-11-26 703 1697 管理画面でユーザーに画像をアップさせる際、実行ボタンの2度押しを防ぐために必要なローディングの表示。 特に苦労せず設置ができたので、コードを紹介します。ローディング自体はCSSで完結します。画像不要なのが今回のミソです。ボタンを押したらローディング発動の部分だけjqueryです。 [デモサンプル] まずはbodyの下辺りにローディングのHTMLコードをコピペして、フォームのボタンに何らかのクラス名を付けてください。 <body> <!-- loding --> <div id="overlay"> <div class="cv-spinner"> <span class="spinner"></span> </div> </div> ・ ・ ・ <input type="button" class="btn" value="実行"> 次はCSSに以下
![ボタンを押したらローディング(くるくる回るスピナー)を表示する(ローディング画像不要CSSのみ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f55900d5417b6c44a98e28e99e4b4d64d7a1edc/height=288;version=1;width=512/https%3A%2F%2Fpinkmonky.net%2Fimg%2Fog.jpg)