[Resolvido] Pagina carregada com load() não mostra efeitos

[maicon_m 0]

Olá.

 

Estou populando uma div com conteúdo carregado através da função load() do jQuery. Desta maneira.

	$('#bt').each(function(){
		$('.info-div').load("pagina.php");
	})

Ele carrega normalmente. Mas eu tenho algumas imagens dentro da página que foi carregada que eu apliquei um plugin que faz com que elas sejam mostradas em um efeito de transição. Isso não esta funcionando quando a página é carregada com o load().

 

Se eu testo carregar ela direto no browser tudo funciona normal.

 

Algum tem solução para isso?

[brcontainer 16]

você colocou dentro de READY(), assim?

$(document).ready(function(){
        $('#bt').each(function(){
                $('.info-div').load("pagina.php");
        });
});

[maicon_m 0]

Sim silverfox.

[Bruno Augusto 417]

Experimente usar caminhos absolutos na forma de URL para as imagens (desde o http:// até a extensão)

 

silverfox, se ele não tivesse usado dentro do ready(), é quase certo que daria erro pois $ não estaria definido, concorda?

[maicon_m 0]

Imagges, eu uso o caminho assim:

 

"img/pasta/imagem.jpg"

[brcontainer 16]

Experimente usar caminhos absolutos na forma de URL para as imagens (desde o http:// até a extensão)

 

silverfox, se ele não tivesse usado dentro do ready(), é quase certo que daria erro pois $ não estaria definido, concorda?

 

Não pois o Jquery já definiu o $ por padrão, já vi varias pessoas fazerem isto e o Jquery não retorna ERRO ;)

 

por isso perguntei isto.

---

Maicon_m mande um link para analizarmos o erro, seria melhor.

 

Atenciosamente Silverfox

[maicon_m 0]

Só para avisar, consegui fazer funcionar.

 

O que eu fiz foi adicionar no cabeçalho da página a ser carregada, os scripts de que ela precisava para fazer a transição entre as imagens.

 

Obrigado a todos pela ajuda.

[maicon_m 0]

EStou novamente com o problema que originou este post. Utilizando este trecho do código para carregar uma página com o load():

 

$('#bt').click(function(){
			var nome = $(this).attr('alt');
			var pag = nome + ".php";
			$('.info-div').load(pag);
		})

 

 

Funciona perfeitamente no Firefox, mas no Internet Explorer 8 não funciona. Só funciona se o código for assim:

 

$('#bt').click(function(){
			var nome = $(this).attr('alt');
			var pag = nome + ".php";
			$('.info-div').load("pagina.php");
		})

 

Então entendi que o problema são as aspas, mas como posso contornar este problema?

[Bruno Augusto 417]

Não tem nada a ver com aspas.

 

O seu var pag possui exatamente o valor esperado: o valor do atributo al seguido da extensão .php

 

Pela aparência do problema, pode ser problema de case da palavra. Já tive um problema assim onde buscava um arquivo XML com a jQuery e localmente funcionava, online não. Acontece que eu usava uma letra em maiúscula e, localmente não tinha problema, mas no servidor tinha.

 

Verifique se o arquivo não se chama Pagina.php ou ainda se o arquivo pôde ser encontrado.

 

Se ainda assim der problema, use o Firebug Lite (pode ser online ou offline) e veja o que as duas variáveis estão retornando no IEca.

[maicon_m 0]

Imagges, todos os arquivos estão nomeados com letras minúsculas. São quase identicos um ao outro.

 

O fds é que não sei trabalhar com o Firebug.

[Holt 1]

$('#bt').click(function(){
                        var nome = $(this).attr('alt');
                        $('.info-div').load(nome + ".php");
                })

Já tentou assim?

Daria no mesmo mas sabe-se lá oque o IE pensa...

[Daniel-DF 0]

maicon, não entendi direito seu problema, se é o efeito do plugin ou o carregamento do load.

Se for a primeira opção tenta colocar o código do plugin dentro do click.

 

$('#bt').click(function(){

var nome = $(this).attr('alt');

$('.info-div').load(nome + ".php");

 

//codigo do plugin

 

});

Abraço

[maicon_m 0]

Pois é Daniel, mudei um pouco o foco do tópico.

 

O problema é que no IE8, a página não carrega. O div que deveria receber o conteúdo não recebe. Enquanto que nos outros navegadores, funciona tranquilo.

[Bruno Augusto 417]

Não te culpo, nem eu sei usar TODO o Firebug. :lol:

 

Então faz assim, coloca um alert(pag) logo abaixo da definição var de sua variável.

 

Execute no Firefox e no IEca e veja se há diferença entre os valores retornados. Pode ser que ajude a enxergar melhor a diferença.

 

P.S.: Você esqueceu do N do meu nick ^^

[Daniel-DF 0]

Tenta usar get em vez do load. se não der certo poste o código todo.

 

$('#bt').click(function(){
var nome = $(this).attr('alt');

	$.get(nome + ".php", function(data) {
		$('.info-div').empty().html(data);	
	});
	
});

[maicon_m 0]

Ae gurizada muito obrigado pela ajuda.

 

Testei todas as sugestões até que resolvi copiar todo o conteúdo da única página que carregava, para todas as outras. E daí funcionou!

 

O problema? O IE pirou porque no código tinha uma tag div que estava sendo fechada sem ter sido aberta.