jQuery选项卡 - 获取以前选择的选项卡的索引

Question

jQuery 1.7.1 - I would like to get the index of previously selected tab. Ex: If I move to the 3rd tab from 1st, i would like to get the previous selected tab index as 0. How to achieve this?

I tried this , but that didn't work.

I have the following markup,

<div id="tabs">
   <ul>
      <li><a href="t1" title="content">Gallery</a></li>
      <li><a href="t2" title="content">Polls</a></li>
      <li><a href="t3" title="content">Events</a></li>
   </ul>
   <div id="content"></div>
</div>

Javascript,

$('#tabs').tabs(  {
    select: function(e, ui) {
    var t = $(e.target);
    alert( "Index " + t.data('selected.tabs') );
    return true;
}});

Answer 1

By the time the select or show callbacks fire you can only get the currently selected tag, by using ui.index . Your best bet is to just track that index and update it upon tab switching, which will tell you the previous index before said updating.

var previousIndex = 0;
$('#tabs').tabs(  {
    select: function(e, ui) {
        //do whatever you need to do with previousIndex
        alert("The previously selected tab index was " + previousIndex);
        //track the new index
        previousIndex = ui.index;
    } 
});

Answer 2

you can use $(this).tabs('option', 'selected') in select: option

like

$("#tabs").tabs({
      select: function(event, ui){
          console.log($(this).tabs('option', 'selected')}
      )}
});