settimeout not working in block ui

Question

I am using block ui for blocking the div on button click. But after blocking i want the div should be unblocked after some delay. But in my case the div is blocking permanently. Here is my code:

<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>

I am unable to figure out why that settimeout is not working. Please give me the solution. Thanx in advance.

this may help you. http://stackoverflow.com/questions/8797421/issues-with-settimeout-inside-jquery-each — Pradeeshnarayan, Jul 03 '13 at 09:01

score 0 · Answer 1 · answered Jul 03 '13 at 09:09

0

try it as

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

answered Jul 03 '13 at 09:09

Pradeeshnarayan

1,235
10
21

score 0 · Answer 2 · answered Jul 03 '13 at 09:14

try

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

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

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

score 0 · Answer 3 · answered Jul 03 '13 at 09:15

My guess is you're getting a JavaScript error because unblockui may use this and calling it the way you do changes this into window.

If you press F12 in a browser do you see a script error in the console?

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

Paul_Arg · Answer 4 · 2015-02-26T16:05:42.627

0

You have to use

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

This is the difference

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

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

edited Feb 26 '15 at 16:05

answered Feb 26 '15 at 16:00

Paul_Arg

1
1

Please remember to use the code blocks when posting code snippets. – β.εηοιτ.βε Feb 26 '15 at 16:05

settimeout not working in block ui

4 Answers4