How to determine if jQuery BlockUI is blocking a page

Question

Very similar to this question , except that I am not blocking a specific element, I am blocking the entire page.

So, instead of:

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

I do:

$.blockUI({ 
    message: $('#divModal1'), 
    css: { cursor: 'default' }
});

I tried to use htmland bodyas a selector.

var data = $('html').data();

if (data['blockUI.isBlocked'] == 1) {
    alert('blocked');
}
else {
    alert('not blocked');
}

But data['blockUI.isBlocked']always 'undefined'

+3

user982119 Feb 21 '14 at 18:19

1 answer

Bill F. · Accepted Answer · 2014-02-21T18:39:52+0000

I looked at the source; it looks like the data is being written to window, not to htmlor body. See the fiddle here:

$.blockUI({ 
    message: $('#divModal1'), 
    css: { cursor: 'default' }
});

console.log($(window).data());

The call console.logreturns the following object:

> Object {blockUI.history: Object, blockUI.onUnblock: null, blockUI.isBlocked: 1}