BlockUI.jsでローディング表示

開発中のWebシステムでクライアントからajaxでJSON取得して〜云々〜という処理を作っている。
通信とその後の処理で待ち時間が発生するでローディングを表示したいと良い方法を求めてググる。

その結果、jQueryのプラグイン「BlockUI.js」を使えば、画面ブロックも同時に出来るので一石二鳥と。
ということで導入してみる。

jquery.blockUI.jsとjqueryを読み込んでおけば、
 $.blockUI({ message: ‘hogehoge’ });
で画面ブロックとメッセージの表示、
 $.unblockUI();
でブロック解除というシンプルなもの。

利用する場面は多いので汎用的に使えるようにちょっとアレンジ。
表示メッセージを引数で渡し、指定しなければデフォルトで「処理中…」と表示。

blockUI.jsでローディング表示

ざくっとサンプルを作ってみた。
続きを読む

[`evernote` not found]