Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal tudo bem ? Sou iniciante em Ajax e Jquery e estou com problemas.Bom é o seguinte estou usando o Método load para carregar uma página dentro de uma div que vai ser como uma " Div Mestra " onde as demais páginas vão abrir. Consigo carregar numa boa quando tem somente texto e imagem,mas quando as páginas tem CSS , Js etc , a página é carregada mas aparece somente texto puro, a formatação CSS e os elementos js não são carregados . O que pode estar ocorrendo ? O código segue abaixo :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax com jQuery</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("input[type=button]").click(function(event) {
$("#conteudo").load('pagina.html',aviso());
});
});
function aviso(){
alert('O conteúdo será carregado agora!');
}
</script>
</head>
<body>
<p><input type="button" value="Carregar conteúdo" /></p>
<div id="conteudo"></div>
</body>
</html>
Exemplo de página que é aberta na Div conteúdo :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<style></style>
</head>
<body>
<div id="div1">Consectetur adipisicing elit, sed do eiusmod tempor incididunt duis aute irure dolor. Sunt in culpa lorem ipsum dolor sit amet, ullamco laboris nisi. Ut enim ad minim veniam, ut aliquip ex ea commodo consequat. Consectetur adipisicing elit, </div>
</body>
</html>
O script carrega pagina.html dentro da Div conteudo , mas se no arquivo pagina.html tiver CSS , JS etc é ignorado pelo load, toda formatação é perdida.
Desde já obrigado pessoal.
Carregando comentários...