[Resolvido] Função .load() jQuery

[Gutto Faria 0]

Olá. Segue a função:

 

function carregar(pagina){
	jQuery('#rep_right').load('reps/'+pagina+'.html', function(callback) {
	});
}

 

Eu gostaria que aparecesse um loading.gif enquando a página carrega. Mas não consegui fazer e nem consegui encontrar algo parecido com essa função em jQuery mesmo.

 

Alguém tem a solução?

[William Bruno 1501]

hum.. cara.. pensa assim:

 

-> você clica, ai a requisição começa.. oque isso significa?

 

significa que chamou a função ne?!

function carregar(pagina){
        //coloca aqui, o código .append() para inserir o loading
        jQuery('#rep_right').load('reps/'+pagina+'.html', function(callback) {
        });
}

ai a requisição termina, e então, é invocado o método callback, da função.

logo, você pode remover a imagem:

 

function carregar(pagina){
        //coloca aqui, o código .append() para inserir o loading
        jQuery('#rep_right').load('reps/'+pagina+'.html', function(callback) {
             //aqui você remove o loading
        });
}

tenta fazer.

[Gutto Faria 0]

Obrigado! Deu certo.

 

Vou deixar aqui para caso seja a dúvida de outra pessoa:

 

function loadRep(pagina){
        jQuery("#rep_right").replaceWith("<div id=\"rep_right\"></div>");
        jQuery("#rep_right").append("<img src='images/loader.gif'>");
        jQuery('#rep_right').load('reps/'+pagina+'.html', function() {
        jQuery("#rep_right").append("");
        });
}