problema con mostrar imagen/bloqueo durante la carga de un div

[aniMAYtions]

Hola y buenos días a tod@s.

Estoy tratando de hacer que se muestre una imagen de carga con jQuery o se dehabilite la pantalla durante la carga de un div(que hago asíncronamente con xajax) con jquery-blockUI.

Primero contaros que el típico enlace <a href='#' id='enlaceactivador'...>click</a> no puedo ponerlo pues todos los botones de un mismo menú no pueden tener el mismo id. Así que tendría que hacerse automáticamente la carga.

Bueno, empecé con la imagen y no me dio resultado. Lo intenté con cambio de cursor, con un div...

Código Javascript:

//para cambiar el cursor
$("body").css("cursor", "help"); 
 
 
//para mostrar un div con la imagen
$("#loaddiv").css("z-index", 3);
 
//otra opción para mostrar el div
$("#loaddiv").css("display", "block");
 
$("contenido_dcha").load("index.php", function () { 
    //para el cursor
    $("body").css("cursor", "auto");    
 
    //para el div
         $("#loaddiv").css("z-index", 1);
 
    //otra opción para el div 
    $("#loaddiv").css("display", "none");
});
 

Nada, ni el cursor me funciona

Luego probé con al plugin jquery-blockUI.js y tampoco ocurrió nada

Código Javascript:

$('#contenido_dcha').load(function() { 
    $.blockUI({ css: { 
        border: 'none', 
        padding: '15px', 
        backgroundColor: '#000', 
        '-webkit-border-radius': '10px', 
        '-moz-border-radius': '10px', 
        opacity: .5, 
        color: '#fff' 
    } }); 
});
 

Y bueno, tampoco ocurre nada.
Sabeis qué estoy haciendo mal?
Creo que no hay que decir que están los enlaces en el index a los diferentes archivos.

Gracias!!