Onglets Jquery et l'URL d'un onglet au lieu de charger son contenu via ajax

Question

Lorsque j'utilise le code ci-dessous, je n'arrive pas à sélectionner l'onglet sélectionné (en surbrillance). Je me demande si je peux recharger la même page lorsque je clique sur un onglet et que l'on sélectionne l'onglet nouvellement sélectionné. En ce moment, cela ne se produit pas. La page est conçue pour afficher différentes informations base mon paramètre "a". Aussi, je ne veux pas utiliser ajax.

<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> 

<script type="text/javascript" src="../../jquery-1.4.min.js"></script> 

<script type="text/javascript" src="../../jquery-ui-1.7.2.custom.min.js"></script> 

<link type="text/css" href="../demos.css" rel="stylesheet" /> 
<script type="text/javascript"> 
$(function() { 
    $('#tabs').tabs({ 
     select: function(event, ui) { 
         var url = $.data(ui.tab, 'load.tabs'); 
         if (url) { 
          location.href = url; 
          return false; 
         } 
        return true; 
     } 
    }); 
}); 
</script> 

<div id="tabs"> 
<ul> 

    <li><a href="default.aspx?a=1">tab 1</a></li> 

    <li><a href="default.aspx?a=2">tab 2</a></li> 

    <li><a href="default.aspx?a=2">tab 3</a></li> 
</ul> 
</div> 

Toute aide serait formidable. Merci

Answer 1

Je suggère d'utiliser l'option cookie avec le plugin cookie et de stocker l'onglet sélectionné dans le cookie afin qu'il devienne la valeur par défaut lorsque la page se charge. Cela aura cependant pour effet que l'onglet restera collant lorsque vous y accéderez par d'autres moyens.