2009-08-30 5 views
2

J'ai un petit problème avec certains jquery et http://www.mikage.to/jquery/jquery_history_noc.htmlbackspace classe active li jquery

La fonction fonctionne très bien, mon problème est de mettre en évidence une classe li, menu de l'onglet, lorsque backspace utilisateur avec le clavier ou tout simplement utiliser le dos bouton sur leur navigateur pour retourner la dernière page vue.

code html

code li la classe active, lorsque la page est sur

<li class="active"><a href="#prices" rel="history"><span>Prices</span></a></li> 

Code jquery:

Ceci est chargé lorsque

$(document).ready 
    $('li > a').click(function() { 
    $('li').removeClass(); 
    $(this).parent().addClass('active');   
}); 

Puis-je faire som .... keyCode == 8 (touche retour arrière) pour retourner la dernière page? Quelqu'un peut-il me donner un conseil, ou mabye donner un exemple de code: -/

+0

En utilisant FF3.0.13/Ubuntu 8.04, l'utilisation de la touche de retour arrière fait déjà ce que je pense que vous demandez. De même, le décalage + backspace avance dans l'histoire. –

+0

quoi? Je ne suis pas sûr de comprendre ce que vous essayez de dire? :/ – william

+0

ricebowl dit que l'utilisation de la touche backspace fait déjà ce que vous demandez, "quand l'utilisateur recule avec le clavier ou utilise simplement le bouton retour de son navigateur pour retourner la dernière page vue". J'ai testé ici sur ma machine (Vista x64, Firefox 3.5.2 et IE8) et ça marche aussi. Pourriez-vous expliquer un peu plus ce que vous essayez d'accomplir? – GmonC

Répondre

2

Je considérerais stocker l'état dans un cookie (si une classe a été ajoutée ou non à un élément, par exemple), et re -initialiser votre page à partir des valeurs écrites pour le cookie dans votre $(document).ready fonction. J'ai fait quelque chose de similaire pour garder les éléments expand de la page développés. Découvrez le jQuery cookie plugin.

+0

ce look très utile, pouvez-vous donner un exemple? – william

Questions connexes