Question

我注意到，当我点击每个标签时，其值不一致 - 为什么？

我想获取标签的索引＆＃39;退出＆＃39;。我该怎么做才能使它保持一致？

这是我的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

为什么所选标签的值不一致？

1 个答案: