一定的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>