Bouton AJAX et Retour (L'historique de JQUERY ne fonctionne pas)

Question

Je suis occupé à créer un site Web de publicité, sur les pages de catégories auxquelles l'utilisateur peut accéder (voir http://www.huurhulp.nl/verhuur/vakantie-en-recreatie/), par exemple la page suivante appelle une requête AJAX et charge les nouvelles publicités Je sais que le bouton de retour ne fonctionne pas avec AJAX, par exemple si je clique sur une publicité et que je veux revenir à la vue d'ensemble (page 3) donc j'ai essayé plusieurs exemples d'histoire JQUERY mais je ne peux pas les faire fonctionner. L'histoire de JQUERY est-elle la seule option, est-ce que je fais quelque chose de mal et quelqu'un a-t-il un bon exemple?

Answer 1

Jetez un oeil à Ben Alman's Back Button and Query plugin.

Cela vous permet de facilement pousser «état» dans l'URL du navigateur. par exemple $.bbq.pushState("page", "2") ajoute #page=2 à l'URL du navigateur.

http://www.huurhulp.nl/verhuur/vakantie-en-recreatie/#page=2 

Vous connectez ensuite un gestionnaire d'événements qui se déclenche chaque fois que le hachage change et gère votre navigation ajax. par exemple

$(window).bind("hashchange", function(e) { 
    var category = $.bbq.getState("category"); 
    // do your ajax stuff here.... 
}); 

La seule autre chose à faire pour le soutien du bouton retour est pour déclencher l'événement hashchange chaque fois que la page est d'abord chargée.

$(document).ready(function() { 
    $(window).trigger("hashchange"); 
});