Question

我试图在点击按钮（ID为“Button1”的按钮）时阻止特定的div（div为id“blockit”），因为我正在使用块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提前

Answer 1

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

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

Answer 2

为了更容易和更快的选择器，因为jQuery的Sizzle引擎已经过优化以使用ID选择器，请执行以下操作：

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

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

阻止UI无法阻止div

2 个答案: