单击按钮更改活动引导选项卡-Java 学习之路

我想在点击另一个按钮时更改活动引导选项卡 .

我尝试将标签添加到标签li并编写自定义jquery代码 .

$('#emailNotify').click(function () {
    $('#notify').addClass('active').attr('aria-expanded','true');
    $('#myacc').removeClass('active').attr('aria-expanded','false');
});

此代码在第一次单击时工作正常，但当我再次单击“我的帐户”选项卡时，它不会更改 .

Image of Tabs and Button

标记：

<ul class="content-list museo_sans500">
<li><a href="javascript:void(0)">Change Password</a></li>
<li><a id="emailNotify" data-toggle="tab">Change Email Notifications</a></li>
<li><a href="javascript:void(0)">Change Profile Picture</a></li>
</ul>

2 回答

1
您可以使用以下命令更改单击事件按钮上的活动选项卡：
```
$('#changetabbutton').click(function(e){
    e.preventDefault();
    $('#mytabs a[href="#second"]').tab('show');
})
```
这是一个带有示例的JSFiddle：

http://jsfiddle.net/4ns0mdcf/
回复于 2024-04-26T11:15:05+08:00

您应该使用twitter-boostrap way在标签之间进行更改：

$('#myTab a:first').tab('show'); // Select first tab
$('#myTab a:last').tab('show'); // Select last tab

要么

$('#notify').tab('show'); // show notification tab

回复于 2024-04-26T11:15:05+08:00

单击按钮更改活动引导选项卡

2 回答

相关问题