Problema con función Ajax de jQuery

[Alexis88]

Hola amigos, revisando una función Ajax que tenía guardada pude pensar en la forma de dar solución a esto. Ya que luego del primer clic la carga de la página consultada queda en espera o "cargando", tomo el estado de dicha carga con "readyState" y verifico, si es igual a 1, es decir, si está cargando, vuelvo a ejecutar el procedimiento.

Código Javascript:

function mostrar_pagina(capa, pagina){
    $.ajax({
        url: pagina,
        beforeSend:function(){
          $("#cargando").show();
        },
        success:function(url){
            $("#"+capa).html(url);
            $("#cargando").hide();
        }
    });
        
    if($.ajax().readyState==1){ 
        $.ajax({
            url: pagina,
            beforeSend:function(){
              $("#cargando").show();
            },
            success:function(url){
                $("#"+capa).html(url);
                $("#cargando").hide();
            }
        });
    }
}
 

Es una solución poco ortodoxa pero efectiva, ha funcionado a la perfección con todos los enlaces. Espero que esto sirva a quienes tengan el mismo problema que tuve.

Saludos amigos.