javascript - 手动更改 aria-expanded ="true"不打开新选项卡

Question

我想在执行某些操作后打开另一个选项卡。 在这里您可以看到我的 Bootstrap 导航栏和 jQuery 脚本。

<ul class="nav navbar-default nav-justified" role="tablist" id="navbar">
<li role="presentation" class="active"><a id="tab1" href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
<li role="presentation" ><a id="tab2" href="#msg" aria-controls="msg" role="tab" data-toggle="tab">Messages</a></li>
</ul>

这是脚本。

$("#password-button").on("click", function () {

    if($("#password-name").val() === password)    {

    $("#tab1").attr("aria-expanded", "false");
    $("#tab2").attr("aria-expanded", "true");

    }
    }

Firebug 向我显示它更改了这些属性，但什么也没发生？

Answer 1

使用.tab()属性在Jquery中显示或隐藏选项卡。试试这个:

$('.nav-tabs a[href="#tab1"]').tab('show');

Working DEMO