jQuery tabs - 이전에 선택한 탭의 색인을 얻으십시오.

Question

jQuery 1.7.1 - 이전에 선택한 탭의 색인을 얻고 싶습니다. 예 : 1에서 3 번째 탭으로 이동하면 이전에 선택한 탭 인덱스를 0으로 만들고 싶습니다. 어떻게 구현합니까?

나는 this을 시도했지만 작동하지 않았습니다.

나는 다음과 같은 마크 업,

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

자바 스크립트, 선택 또는 쇼 콜백 만 ui.index을 사용하여 현재 선택된 태그를 얻을 수 있습니다 발사 시간으로

$('#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')} 
    )} 
});