jquery - 为什么选择的选项卡的值不一致？

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