evitar re-llamada a pagina con animaciones

[oms02]

Hola a todos.
Vengo un tiempo teniendo el siguiente problema:

A traves de un link traigo una página a cierta parte de la pantalla. Esta página en realidad es un "archivo completo.php" con php,js y html.

Código Javascript:

function menuPrincipal(php,query){
    $.get(php+'.php', function(resultado){
        $('div#P22').html(resultado);
        $.getScript(query+'.js');
    });
}
 

La página que traigo tiene entre su codigo js, cierta parte dedicada a realizar una animación inicial nada mas cargarse.

Código Javascript:

...
function avisoMens (a){
    var t = setTimeout(function(){
        var noticia = $("<div class='aviso-"+colorMens[a]+"'></div>").html(txtMens[a]);
        var cuadro = $('<div></div>').addClass('notice-item-wrapper').
                                    animate({opacity:'show'},1000).
                                    append(noticia);
        var contenedor = $("#cuadro-"+sitioMens[a]+"-jugador").append(cuadro);
 
        var equis = $('<div></div>').addClass('notice-item-close').
                                    prependTo(noticia).
                                    html('&times').
                                    click(function(){
                                        eliminarMens(noticia);
                                    });
 
        function eliminarMens(lugar){
            lugar.animate({opacity:'0'},600,function(){
                lugar.parent().animate({height:'0px'},300,function(){
                    lugar.parent().remove();
                });
            });
        }
    },tini+100);
    tini=tini+100;
}
 
for(i=0;i<7;i++){
    if(numMens[i]>0)
        {avisoMens(i);}
}
...
 

Hasta aquí todo funciona correctamente. El problema viene si hago varios clicks "rapidos". En este caso la página se comienza a cargar todas las veces, pero como aun no ha dado tiempo de realizar la animación, esta se realiza tantas veces como clicks he hecho, al final del todo (en la última carga).....y no hay manera de arreglarlo.

Me suena muchísimo a que tengo que utilizar el método stop() pero no lo consigo.

Muchas gracias.

[Dradi7]

bueno creo que en tu ajax de jquery debes poner entonce en sincrono, para esto agrega este parametro al ajax del jQuery

Código Javascript:

async:true
 

OJO que al realizar esto cada petición se realizara después de haber terminado una de la otra

Saludos