一般的な ajax 呼び出しを取得してキャッチするためにデリゲート (ライブでも試してみましたが、同じ効果) を使用しているので、次のコードで読み込み画面を表示できます。
$(document).ready(function() {
$(document).delegate("", "ajaxStart", function(event) {
console.log(event);
$.blockUI({
message: "<h1 style='color: #000'>Loading ...</h1>",
overlayCSS: {
backgroundColor: '#000',
opacity: .1
},
css: {
border: '2px solid #000',
padding: '15px',
backgroundColor: '#fff',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
color: '#000'
}
});
});
$(document).delegate("", "ajaxStop", function(event) {
$.unblockUI();
});
});
問題は、ajax 呼び出しを発行した要素にのみローディング ブロックを配置し、それを一般的なものにしたいということです。デリゲート呼び出しが提供するイベント オブジェクトを調べましたが、ソースを取得する方法の手がかりが見つかりませんでした。通常、ソースは div またはテーブルです。
どんな助けでも大歓迎です。
ありがとう!