阻止UI无法阻止div

我试图通过单击按钮（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>

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

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

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

由于jQuery的Sizzle引擎已优化为使用ID选择器，因此要获得更简单、更快的选择器，请执行以下操作：

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

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

相关内容

最新更新

热门标签：