Ajax - Como fazer o botão de voltar e avançar funcionar
Olá colegas, tenho tirado muitas dúvidas e a maioria com sucesso.
È o seguinte meus amigos, eu to fazendo a "navegação" do site com o load do ajax (aceito dicas para algo melhor);
Codigo:
$(document).ready(function(e) {
$(".btnNav").click(function(e){ //Quando clicar nos botões com essa classe .btnNav
e.preventDefault();
$(this).attr('disabled', true);
var url = $(this).attr('href'); //Pego a url que esta no campo href da tag e armazeno nessa var.
$("#imgCrop").slideDown(); //Gif de loading...
var ativLoad = setTimeout(ativLoadF,1000); //em 1 segundo ele ativa a function AtivLoadF
function ativLoadF(){
$('#imgCrop').slideUp(); // A gif de loading desaparece
window.history.pushState( url,'null', url ); // a Url muda
$("#navigation").load(url); //Então da um load na div navigation a pagina que a var url armazena.
}
});
Porém preciso que quando eu clique no botão de voltar (ou avançar) ele volte e não apenas mude a url.
Também não sei se essa é a melhor forma, preciso da ajudinha de vcs para que quando eu do load, e eu clicar no botão de voltar da pagina ele volte para pagina anterior.
Quer me dar alguma dica de uma melhor forma ? Aceito de mãos abertas kkk, fiz isso com meu pequeno conhecimento.
Discussão (2)
Carregando comentários...