一定的BlockUI <div> 只要

Question

我正在嘗試在加載gridview時阻止我的頁面中包含gridview的div（標識為id =“ blockme”）。 我在Github上找到了下面的代碼，但是此代碼阻止了整個頁面。

<script type="text/javascript">
        Page = Sys.WebForms.PageRequestManager.getInstance();
        Page.add_beginRequest(OnBeginRequest);
        Page.add_endRequest(endRequest);

        function OnBeginRequest(sender, args) {
            $.blockUI();
        }
        function endRequest(sender, args) {
            $.unblockUI();
        }

 </script>

我調查了stackoverflow，發現了這個答案， 該答案顯示了如何在單擊按鈕時阻止某個div。

我的問題是我不想使用按鈕單擊事件，而是使用頁面開始請求和結束請求來代替事件來阻止我的div。

我嘗試這樣做，但是不起作用：

    function OnBeginRequest(sender, args) {
        $('#blockme').blockUI();
    }
    function endRequest(sender, args) {
        $('#blockme').unblockUI();
    }

Answer 1

這兩個鏈接幫助我在這里解決了這個問題

運作方式如下：

<script type="text/javascript">
        Page = Sys.WebForms.PageRequestManager.getInstance();
        Page.add_beginRequest(OnBeginRequest);
        Page.add_endRequest(endRequest);

        function OnBeginRequest(sender, args) {
            $('div#blockme').block({
                message: '' ,
                overlayCSS: { backgroundColor: '#fff'   }
             });
        }
        function endRequest(sender, args) {
            $('div#blockme').unblock();
        }

 </script>