ajouter l'adresse jQuery à un script onglet

Question

Avec l'aide d'un gars sympathique, je l'ai construit un script onglet qui est très simple et ne nécessite pas un script supplémentaire comme jQuery UI.

Maintenant, j'ai vu la chose la barre d'adresse qui est vraiment cool si avez-vous réellement l'accès aux onglets, être en mesure de mettre en signet les onglets et utiliser les navigateurs avant/arrière boutons.

http://www.asual.com/jquery/address/

ici est mon violon JS: http://jsfiddle.net/BiBA/WEEFd/

J'ai essayé de l'ajouter dans mon extrait JS existants, mais il n'a pas » travail. Savez-vous comment ajouter le support d'adresse dans ce script d'onglet? $ (document) .ready (function() { initTabs();} );

function initTabs() { 
    $('#tabMenu a').bind('click',function(e) { 
    e.preventDefault(); 
    var thref = $(this).attr("href").replace(/#/, ''); 
    $('#tabMenu a').removeClass('active'); 
    $(this).addClass('active'); 
    $('#tabContent div.content').removeClass('active'); 
    $('#'+thref).addClass('active'); 
    }); 
} 

Answer 1

Utilisez location.hash pour récupérer la valeur de hachage de votre URL. Vous pouvez passer cette valeur à votre fonction initTabs et vérifier s'il existe un contenu/onglet avec la valeur id/href correspondante et l'activer.

Voir aussi http://www.ezineasp.net/post/Javascript-Location-Hash-with-Example.aspx