jquery tabs and datepicker

Question

datepicker가있는 날짜를 선택한 후 마지막으로 열린 탭으로 되돌리고 싶습니다. 선택한 탭을 가져 와서 시도합니다. 정적 탭에서는 작동하지만 아약스 호출에서는 작동하지 않습니다. 탭에 다른 인덱스 번호가 있기 때문입니다. 어떻게하면됩니까?

 <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; 
     } 

하고 페이지의 본문에 : :

<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> 

제안

이 내 코드?

Answer 1

탭의 select 이벤트를 처리하고 ui.index을 변수로 추적 해보십시오. 예를 들어

:

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