改变aria-expanded =＆＃34; true＆＃34;手动不打开新选项卡

Question

我想在某些操作成立后打开另一个标签。 在这里，您可以看到我的bootstrap navbar和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