jQuery samples - Ajax時にローディングを表示 本エントリーは「to-R JavaScript Advent Calendar 2015」17日目のエントリー、今回のjQuery samplesは、Ajax時にローディングを表示する方法についての解説です。 単純に Ajax時にローディングを表示する方法から僅かに遅延させる方法、共通設定にする方法まで解説していきます。 CSS3でローディングを設定 まずは以下の様なHTML/CSSでローディングを作成しておきましょう。 <button id="ajax">ajax</button> <ul id="list"></ul> <div class="loading"> <div class="loading_icon"></div> </div> .is-hide{ display:none; } .loading{ posi
![jQuery samples - Ajax時にローディングを表示](https://cdn-ak-scissors.b.st-hatena.com/image/square/33a807bab6bad56d83336d9c0d05bbe41e26ab95/height=288;version=1;width=512/http%3A%2F%2Fblog.webcreativepark.net%2Fimages%2Fto-R_JavaScript_Advent_Calendar_2015.png)