jQueryタブ - 以前に選択したタブのインデックスを取得します。

Question

jQuery 1.7.1 - 以前に選択したタブのインデックスを取得したいと思います。例：最初から3番目のタブに移動した場合、前回選択したタブのインデックスを0にしたいと思います。これを達成するには？

私はthisを試しましたが、うまくいきませんでした。

Iは、選択またはshowコールバックがあなただけui.indexを使用することにより、現在選択されているタグを取得することができます火災時までに次のマークアップ、

<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

を持っています。あなたの最善の策は、そのインデックスを追跡し、タブの切り替え時にそれを更新することです。これは、更新前の前のインデックスを教えてくれます。

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

あなたは選択で $(this).tabs('option', 'selected') を使用することができますいくつかのコードを表示

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