La mise en œuvre de History.js
Je suis en train de mettre en œuvre History.js pour mon site en ajax afin que je puisse utiliser de l'avant et à l'arrière des boutons et même des signets. Cependant, l'exemple de @ https://github.com/browserstate/History.js/ m'a un peu confus que sur la façon de la mettre en œuvre. Quelqu'un aurait-il un tutoriel ou un exemple sur la façon de les utiliser. Un exemple nous pouvons utiliser pour lancer l'exemple est un lien de navigation tels que
<script type="text/javascript">
window.onload = function()
{
function1();
};
<ul>
<li><a href="javascript:function1()">Function1</a></li>
<li><a href="javascript:function2('param', 'param')"</a></li>
</ul>
- Voir une réponse possible question ici: stackoverflow.com/questions/13278822/...
Vous devez vous connecter pour publier un commentaire.
J'ai eu de la difficulté à bien comprendre comment les utiliser History.js. Voici un peu de code à partir de leur wiki avec mes commentaires pour plus d'explications:
1. Obtenir une référence à l'history.js objet
Pour obtenir une référence à l'History.js référence de l'objet fenêtre.Histoire (Capitol 'H').
Pour vérifier si HTML5 histoire est permis de vérifier l'Histoire.activé. History.js continuent de fonctionner à l'aide de balises de hachage si elle ne l'est pas.
2. Écouter l'histoire des changements et mise à jour de votre point de vue à partir d'ici
Pour écouter historique des changements d'état de se lier à la statechange cas de l'objet de la Carte.
3. Manipuler les états de l'historique en utilisant des push ou remplacer
Pour ajouter un état à l'histoire, à l'appel pushState. Cela va ajouter un état à la fin de l'histoire de la pile, ce qui va déclencher le "statechange' événement comme indiqué ci-dessus.
Pour remplacer un état à l'histoire, à l'appel replaceState. Ce sera de remplacer le dernier état dans l'histoire de la pile qui va déclencher le "statechange' événement comme indiqué ci-dessus.
La différence entre pushState et replaceState est que pushState va ajouter un état à la liste de l'historique, replaceState va remplacer le dernier état.
REMARQUE: pushState et replaceState sérialiser l'objet de données, afin de l'utiliser un minimum de données là.
4. Si vous souhaitez ajouter d'autres de l'interface utilisateur pour l'utilisateur d'être en mesure de naviguer dans l'histoire, utiliser les commandes de navigation
Utiliser en arrière et passez à l'histoire via le code.
Supplémentaires: à l'Aide de "une" tags avec l'histoire
D'utilisation "d'un" tags avec l'histoire, vous devrez intercepter les événements click et empêcher le navigateur de la navigation à l'aide de la manifestation.méthode preventDefault ().
Exemple:
J'espère que cette aide.
popstate
juste pour avoir un examen complet?Reportez-vous à cette question: La mise en œuvre de bouton "Retour" sur les appels ajax jquery
Quelques infos liées à RSH
Comment mettre en œuvre RSH (really Simple Histoire) pour Ajax Histoire de Bouton de Retour