jQuery blockUI Plugin は、半透明のレイヤーでページや要素をブロックしてくれます。
jQuery BlockUI Plugin
メッセージ部分やスタイルシートを簡単にカスタマイズできるので、「読み込み中」とか「loading」みたいな処理を自作しなくて済みます。これは便利です。
こんな感じで使ってみました。
$(document).ready(function() {
$("#id").bind("click", function() {
$.blockUI({
message:'<img src="loading.gif" />'
});
$.getJSON("json.cgi", {}, function (data) {
//処理いろいろ
});
$("#id").bind("ajaxComplete", function() {
$.unblockUI();
});
});
});
