1

一般的な 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 またはテーブルです。

どんな助けでも大歓迎です。

ありがとう!

4

0 に答える 0