settimeout 在块 ui 中不起作用答案

【问题标题】：settimeout not working in block uisettimeout 在块 ui 中不起作用
【发布时间】：2013-07-03 08:55:20
【问题描述】：

我正在使用 block ui 来阻止单击按钮时的 div。但是在阻塞之后，我希望 div 应该在延迟一段时间后解除阻塞。但在我的情况下，div 是永久阻塞的。这是我的代码：

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

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


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

        });

    </script>



    <div>
        <input id="Button1" type="button" value="button" />
    </div>

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

    </div>

我无法弄清楚为什么 settimeout 不起作用。请给我解决方案。提前谢谢。

【问题讨论】：

这可能会对您有所帮助。 stackoverflow.com/questions/8797421/…

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

【解决方案1】：

试一试

setTimeout(function(){ $.unblockUI },2000)

【讨论】：

【解决方案2】：

试试

$('#Button1').click(function () {
            $('div#blockit').block({

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

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

【讨论】：

【解决方案3】：

我的猜测是你收到了一个 JavaScript 错误，因为 unblockui 可能会使用 this 并以你将 this 更改为窗口的方式调用它。

如果您在浏览器中按 F12，您会在控制台中看到脚本错误吗？

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

【讨论】：

【解决方案4】：

你必须使用

$('div#blockit').unblock()

这就是区别

$('id').block() -> $('id').unblock()

$.blockUI() -> $.unblockUI()

【讨论】：

贴代码sn-ps时请记得使用代码块。