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

Changing aria-expanded="true" manually not opening new tab

本文关键字：新选项 选项 aria-expanded true quot 改变      更新时间：2023-09-26

我想在某些操作为真后打开另一个选项卡。在这里你可以看到我的引导导航栏和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告诉我它改变了这些属性，但是什么都没有发生?

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

$('.nav-tabs a[href="#tab1"]').tab('show');
<标题>工作演示
相关文章：