Como sabemos quando utilizamos AJAX para a navegação de páginas nos deparamos com o problema de que o botão histórico do navegador não funciona. Isso ocorre porque uma requisição AJAX não gera uma ação de histórico.

Enfrentei este problema em um projeto recente que necessitava que o histórico funcionasse. Para facilitar um pouco minha vida criei um plugin(meu primeiro plugin) para JQuery que venho humildemente disponibilizar aqui.

Para utilizá-lo é muito simples, funciona como a função load já disponibilizada pela JQuery.

1
2
3
4
5
6
7
8
9
10
11

  <script src="jquery.js"></script>
  <script src="jquery.historyAjax.js"></script>
  <script>
    $(document).ready( function() {
        $('a').click(function(){
            $('#conteudo').historyLoad( $(this).attr('href') );
            return false;
        });
 
    });
</script>

Ela carrega uma URL passada por parâmetro dentro do elemento selecionado. E gera um evento de histórico possibilitando o uso do voltar e avançar.

Para ver um exemplo de utilização clique aqui

Para baixá-la clique aqui.

O plugin é bem simples, se alguém quiser modificá-lo(corrigir possíveis bugs) e acrescentar mais funcionalidades peço que me mande a nova versão para disponibilozar aqui.