Question

我正在尝试在加载gridview时在我的包含gridview的页面中阻止div（带有id =＆＃34; blockme＆＃34;）。我在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，我找到了this回答，其中显示了如何在按钮点击时阻止某个div。

我的问题是我不想使用按钮点击事件，而是使用页面开始请求和结束请求代替事件来阻止我的div。

我尝试过这样做，但它不起作用：

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

Answer 1

这两个链接帮我解决了here和SO question

以下是它的工作原理：

<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>

仅限某个<div>的BlockUI

1 个答案: