History.js mise en œuvre

Question

Je vais avoir du mal à mettre en œuvre history.js

J'ai un site d'une seule page qui utilise un curseur jquery (curseur royal) pour glisser divs pleine page qui agissent comme des pages. Le curseur est exploité en utilisant des liens personnalisés. Ce que je voudrais faire, c'est que chaque lien manipule l'historique du navigateur afin 1. de changer l'URL de la page. et 2. envoyer au navigateur des états qui sont actualisables et accessibles depuis et via les boutons de navigation avant et arrière du navigateur. Ce dont je ne suis pas sûr, c'est si n'importe quel pushstate sauvera la glissière actuelle des curseurs? Ce n'est pas essentiel sinon, car le changement d'URL est la chose principale.

Chaque lien est contrôlé par une fonction de clic javascript qui ressemble à ceci ...

var workclick = document.getElementById('worklink'); 
workclick.onclick = function() { 
     thefooter.style.opacity = "1"; 
     thefooter.style.filter = 'alpha(opacity=100)'; 
     thefootdivide.style.opacity = "1"; 
     thefootdivide.style.filter = 'alpha(opacity=100)'; 
     $(".royalSlider").royalSlider('goTo', 1); 

    } 

Quelqu'un peut-il me aider avec ce que je dois ajouter à ma page pour obtenir history.js de travailler avec ce que je avoir ici?

Merci beaucoup pour toute aide

Answer 1

Je ne suis pas un expert en History.js, mais je crois comprendre que, une fois qu'il est installé, chaque fois replaceState() une valeur de curseur est modifiée, vous pouvez appeler avec des paramètres d'URL reflètent leurs valeurs quelque chose comme:

History.replaceState(null, 'My Title', '?slider1=' + $('#slider1').value); 

et puis, lorsque votre page se charge l'ont lu ces valeurs de paramètres de demande et (le cas échéant) régler les curseurs en conséquence. Encore une fois, je ne suis pas sûr que ce soit exactement ce dont vous avez besoin, mais je suis à peu près sûr que c'est sur la bonne voie.