阻止 UI 无法阻止 div答案

【问题标题】：Block UI not working for blocking the div阻止 UI 无法阻止 div
【发布时间】：2013-07-03 02:38:09
【问题描述】：

我正在尝试在单击按钮（ID 为“Button1”的按钮）时阻止特定的 div（ID 为“blockit”的 div），因为我正在使用阻止 UI 插件。但我无法在按钮单击时阻止 div。这是我的代码

<script src="jQuery 1.10.1.min.js"></script>
<script src="blockui.js"></script>

<script type="text/javascript">
        $(document).ready(function () {
            $('#Button1').click(function () {
                $('div.blockit').block({

                    message: '<h1>Processing</h1>',
                    css: { border: '3px solid #a00' }


                });
                setTimeout($.unblockUI, 2000);
            });
        });

    </script>

<body>
    <form id="form1" runat="server">
        <div>
            <asp:Button ID="Button1" runat="server" Text="Button" />

        </div>
        <div id="blockit" style="width: 200px; height=200px;"></div>
    </form>
</body>

请告诉我哪里出错了。提前感谢

【问题讨论】：

标签： jquery html asp.net blockui jquery-blockui

【解决方案1】：

而不是将blockit 指定为id，而是在jquery 中将其指定为class。试试这个

       $('div#blockit').block({.....})

【讨论】：

它现在可以工作了.. 但现在的问题是块元素只是在一秒钟内闪烁并消失。我希望它稳定 2000 毫秒
哦，我得到了我的 asp 按钮，导致页面回发，这就是它没有持续存在的原因......现在它的工作一切正常。但现在的问题是时间不起作用，div 被永久阻塞

【解决方案2】：

由于 jQuery 的 Sizzle 引擎已针对使用 ID 选择器进行了优化，因此对于更简单、更快速的选择器，请执行以下操作：

$('#blockit').block({
    message: '<h1>Processing</h1>',
    css: { border: '3px solid #a00' }
});

您之前的选择器是$('div.blockit')，它将遍历整个DOM 并找到所有DIV 元素，然后再寻找blockit 的ID 元素。

【讨论】：

它现在可以工作了.. 但现在的问题是块元素只是在一秒钟内闪烁并消失。我希望它稳定 2000 毫秒
哦，我得到了我的 asp 按钮，导致页面回发，这就是它没有持续存在的原因......现在它的工作一切正常。但现在的问题是时间不起作用，div 被永久阻塞