Onglets jquery et datepicker

Question

Je souhaite revenir au dernier onglet ouvert après avoir sélectionné une date avec un outil de sélection de date. J'essaie de le faire en obtenant l'onglet sélectionné. Cela fonctionne pour les onglets statiques, mais pas pour les appels ajax, car ces onglets ont un numéro d'index différent. Comment puis-je faire mieux?

ceci est mon code:

 <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script> 
    <script type="text/javascript" src="js/sitewide.js"></script> 
    <script type="text/javascript"> 
     <!-- 
     $(function(){ 

      // Tabs 
      $('#tabs').tabs({ 

       ajaxOptions: { cache: false } 
      }); 

      // Datepicker 
      $('.datepicker').datepicker({ 
       onSelect: showDate 
      }); 

     }); 


     function showDate(date) { 
      var $tabs = $('#tabs').tabs(); 
      var selected = $tabs.tabs('option', 'selected'); // => 0 
      location.href = "./index.php?datum="+date+"#tabs-"+selected; 
     } 

et dans le corps de la page:

<div id="tabs"> 
<ul> 
<li><a href="#tabs-1"><span><img src="img/home-klein.png" border="0" height="15"></span></a></li> 
      <li><a href="./includes/c-boten.php?datum=<?php echo $start ;?>"><span>C-boten</span></a></li> 
      <li><a href="./includes/gladde-boten.php?datum=<?php echo $start ;?>"><span>Gladde boten</span></a></li> 
      <li><a href="./includes/jeugd-boten.php?datum=<?php echo $start ;?>"><span>Jeugdboten</span></a></li> 
      <li><a href="./includes/wherries.php?datum=<?php echo $start ;?>" id="tabs4"><span>Wherries</span></a></li> 
      <li><a href="./includes/stats.php"><span>Kilometerstanden</span></a></li> 
      <li><a href="#tabs-6"><span>Weer & Wind</span></a></li> 
      <li><a href="./includes/schadekaarten.php"><span>Schadekaarten</span></a></li> 
      <?php 
      if($_SESSION["anonymous"] != "1"){ 
      echo "<li><a href=\"#tabs-8\"><span>Uitloggen</span></a></li>"; 
      } 
      ?> 

     </ul> 

     <div id="tabs-1"> 
     div 1 text 
     </div> 

des suggestions?

Answer 1

Essayez de gérer l'événement select des onglets et effectuez le suivi ui.index dans une variable.

Par exemple:

var selectedTab = 0; 
$('#tabs').tabs({ 
    ajaxOptions: { cache: false }, 
    select: function(event, ui) { selectedTab = ui.index; } 
});