settimeout在块ui中不起作用

Question

我使用块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>

我不明白为什么这个设置不起作用。请给我解决方案。提前Thanx。

Answer 1

将其作为进行尝试

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

Answer 2

尝试

$('#Button1').click(function () {
            $('div#blockit').block({
                message: '<h6>Processing</h6>',
                css: { border: '3px solid #a00' },
                timeout:2000
            });
            //setTimeout($.unblockUI, 2000); 
        });

Answer 3

我猜您得到了一个JavaScript错误，因为unlockui可能使用this，并以将this更改为窗口的方式调用它。

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

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

Answer 4

您必须使用

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

这就是的区别

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