[Resolvido] método .load( ) JQuery

[P4Designer 0]

Olá Gente, tudo joia?

 

Estou iniciando em JQuery (e também aqui no fórum), e tive uma dúvida, na qual, sei entre aspas a solução, porém é uma gambiarra, enfim, deixa eu explicar.

 

Eu tenho um link

<a href="#" id="view/pagina1.html">Abrir pagina na div</a>

 

<!-- nao consegui utilizar o href, por isso coloquei no ID -->

e um div onde vão ser carregadas as paginas, utilizando o JQuery.

<div id="conteudo">

as paginas serao abertas aqui

</div>

e a função JQuery

$(document).ready(function() {

$('a').click(function() {

$('#conteudo').load( $(this).attr('href') );

 

return false;

});

});

beleza, até então ok.

Porém acontece o seguinte, essa pagina1.html contém import de CSS, Javascript, AJAX, Imagens em geral, e ela esta em outro diretório como podem ver. As imagens, css, etc, estão em um diretório chamado public. por exemplo.:

<!-- codigo dentro da pagina1.html -->

 

<img src="../public/img/banner.jpg" />

concluindo, essa imagem não é carregada. Por que? Porque quando a pagina é enviada pelo método load para o DIV, esta entende que a pagina1.html esta na pasta raiz do site, então o caminho da imagem deveria ser:

<!-- codigo dentro da pagina1.html -->

 

<img src="public/img/banner.jpg" />

Isso acontece com todos os caminhos que estão nas paginas. A única soluçao que encontrei foi colocar todas as paginas na pasta RAIZ. Mas eu gostaria de saber, porque o JQuery não consegue enxergar os caminhos?

[cassiano óliver 1]

quando você usa o load é como se estivesse usando include...

portanto, o arquivo "incluido" terá como referencia o local onde foi "incluído"...

 

EX:

 

na página1 dou um load na página2...

a referencia de caminho para o arquivos na pagina2, serão os mesmos da página1...

[Cristian Machado Ávila 0]

Cara assim todos arquivos js css entre outros tu coloca sempre no index.php que quando tu carrega a página no div ele vai executar normalmente.

 

includes em php funciona normalmente comigo nunca tive problemas.

[P4Designer 0]

Certo.!

 

Muito obrigado.

Eu imaginei isso, mas pensei que fosse algum erro do próprio JQuery.

 

Pode fecharo tópico.

 

Desde já, grato pelas respostas.

[Rfritz 0]

Ola pessoal, tive esse problema as imagens nao eram carregadas pelo metodo load, coloquei as imagens na raiz e realmente funcionou, mas consegui indicar um caminho e tambem funcionou fiz assim

<img src=".//img/imagem1.jpg" width="80" height="89" />

espero ter ajudado