Su uso es muy sencillo, para bloquear la actividad de los usuarios de la página:
$.blockUI();
El bloqueo con un mensaje personalizado:
$.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...</h1>' });
Bloqueo con estilo personalizado:
$.blockUI({ css: { backgroundColor: '#f00', color: '#fff'} });
Para desbloquear la página:
$.unblockUI();
Si desea utilizar la configuración predeterminada y bloquear la interfaz de usuario para todas las solicitudes ajax, es tan fácil como esto:
$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);