サーバとの通信中などに使用できるローダーです。
ローディング中は画面の操作が無効になり、２重ポストを防ぎます。
サンプルでは submit ボタンを押すとローディング中となり、５秒経過した後にメッセージを表示して復帰します。
body の直下に所定のタグを埋め込みます。
<div class="loader"></div>の部分を別のローダーに置き換えることで、様々なローダーを実装することができます。
$("#id_submit").on("click", function(){
var lod = new PRLoader();
lod.enable(); // ロード開始
setTimeout(function(){
lod.disable(); // ロード終了
alert("ロードが完了しました。");
}, 5000);
});
PRLoaderクラスをnewして使用します。
enable()がロード開始でdisable()がロード終了です。
<body><div id="prTag_maskAll" class="prSt_maskAll"></div><div id="prTag_loader" class="prSt_loader"><div class="loader"></div></div>
bodyタグ直下に上記のタグを記述します。