$.get() não retorna os dados
Boa noite galera. Essa são as páginas que tenho:
favorites.html
<div>
favorites
</div>dashboard.html
<div>
dashboard
</div>E friends.html
<div>
friends
</div>Beleza. Essas páginas eu vou ajustar mais tarde, primeiro estou testando para ver se elas são carregadas normalmente dentro da minha index.html
<body>
<a href='/' data-title='Minha Dashboard' data-target='dashboard'>Dashboard</a>
<a href='/' data-title='Meus Favoritos' data-target='favorites'>Favoritos</a>
<a href='/' data-title='Meus Amigos' data-target='friends'>Amigos</a>
<div id='content'></div>
</body>O script é esse, ele está logo abaixo da div "content":
<script src='js/jquery-2.0.3.min.js'></script>
<script>
$(document).ready(function(){
$('nav a').on('click', function(e){
e.preventDefault();
var title = $(this).data('data-title');
var url = $(this).data('data-target') + '.html';
$.get( url,
null,
function(data) {
$('#content').html(data); // joga o retorno dentro da div content
},
'html'
);
document.title = title; // muda o titulo do documento
});
});
</script>Alguém pode ajudar?
Discussão (2)
Carregando comentários...