Définir l'URL via l'onglet jQuery sélectionné

Question

En complément de this question - et en utilisant le même plugin getUrlParam.js.

$(document).ready(function(){ 
var param = $(document).getUrlParam('tab'); 
$("#tabs").tabs(); 
$("#tabs").tabs('select', param); 
}); 

Avec ce code, je suis en mesure de contrôler quels onglets charge sur une page donnée, par exemple. blogs/?tab=tv charge l'onglet #tv sur la page/blogs/page.

Cependant, y a-t-il un moyen de définir l'URL en cliquant sur les onglets eux-mêmes?

<ul id="mediatabs" class="tab-buttons"> 
<li class="TV"><a href="#TV">TV</a></li> 
<li class="radio"><a href="#radio">Radio</a></li> 
</ul> 

dire en cliquant sur les charges de l'onglet TV /?tab=tv?

Je suppose que cela est une solution de contournement pour la fonctionnalité de bookmarking manquantes dans des onglets 3.

Answer 1

Eh bien, vous êtes désireux de changer un paramètre querystring et non le hachage de l'URL (http://www.example.com/page.html#this-is-a-hash). Une approche consiste à utiliser l'événement select qui est déclenché chaque fois qu'un utilisateur clique sur un onglet. Quelque chose comme:

$('#tabs').bind('tabsshow', function(event, ui) { 
    // TODO: compute the desired url and set window.location.href 
});