2

我正在尝试在单击按钮（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>

请告诉我我在哪里犯错。提前感谢

4

2 回答 2

2

而不是指定blockit为id您class在 jquery 中给出的。尝试这个

       $('div#blockit').block({.....})
于 2013-07-03T02:41:30.383 回答
1

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

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

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

于 2013-07-03T03:16:28.850 回答