How to tell if jQuery BlockUI is blocking the page

Question

Very similar to this question, except I'm not blocking a particular element, I'm blocking the whole page.

So instead of:

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

I'm doing:

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

I've tried using html and body as the selector..

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

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

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

Something like `var isClosed = $(".blockOverlay").length===0);` ? — epascarello, Feb 21 '14 at 18:25
Yeah I was thinking about using the blockui css to check if blocked. Thanks, might be the way — notAnonymousAnymore, Feb 21 '14 at 18:34
You can make that an answer if you want. I'm using it, works perfect — notAnonymousAnymore, Feb 21 '14 at 18:38

score 4 · Accepted Answer · answered Feb 21 '14 at 18:39

I reviewed the source; it looks like the data is being written to window, not to html or body. See fiddle here:

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

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

The console.log call returns the following object:

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

1 Answers1