선택한 탭의 값이 일관되지 않은 이유는 무엇입니까?

Question

나는 각 탭을 클릭 할 때 그 값이 일치하지 않는다는 것을 알아 차렸다. - ?

'로그 아웃'탭의 색인을 가져오고 싶습니다. 일관성있게하기 위해 어떻게해야합니까?

여기 내 jQuery 코드입니다 :

$(function() { 
    $('#tabs').tabs(); 
    $("#tabs").bind("tabsselect", function(event, ui) { 
     var selected = $("#tabs").tabs('option', 'selected'); 
     alert(selected); 
    }); 
}); 

여기 내 HTML 코드입니다 :

<div id="tabs" class="login-tabs"> 
    <ul> 
     <li><a href="#Home">Home</a></li> 
     <li><a href="#Profile">Profile</a></li> 
     <li><a href="#Messages">Messages</a></li> 
     <li><a href="#Notifications">Notifications</a></li> 
     <li><a href="#Find">Find Friends</a></li> 
     <li><a href="#Signout">Sign out</a></li> 
    </ul> 
    <div id="Home"> 

    </div> 
    <div id="Profile"> 

    </div> 
    <div id="Messages"> 

    </div> 
    <div id="Notifications"> 

    </div> 
    <div id="Find"> 

    </div> 
</div> 

Answer 1

var index = $('#tabs ul').index($('#tabs a[href="#Signout"]')); 

if($('#tabs a[href="#Signout"]').parent('li').hasClass('ui-tabs-selected')) 
    //signout tab selected