使用jquery更改活动选项卡
Change active tab using jquery
我的页面上有两个选项卡(使用Bootstrap):
<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#profile">Profile</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="home">...</div>
<div class="tab-pane" id="profile">...</div>
</div>
当我从配置文件选项卡发送POST请求时,我想使该选项卡处于活动状态,我该如何做到这一点?
看起来您有一个"活动"类来激活选项卡。在这种情况下,你可以做:
$("#home").removeClass("active"); // this deactivates the home tab
$("#profile").addClass("active"); // this activates the profile tab
您的确切示例在文档中,它说要激活选项卡,您需要:
$('#myTab a[href="#profile"]').tab('show')
http://getbootstrap.com/javascript/#tabs
尝试这个
<ul class="nav nav-tabs" id="myTab">
<li <?php if empty($_POST): ?> class="active" <?php endif; ?> ><a href="#home">Home</a></li>
<li><a href="#profile" <?php if !empty($_POST): ?> class="active" <?php endif; ?>>Profile</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane <?php if empty($_POST): ?> active <?php endif; ?>" id="home">...</div>
<div class="tab-pane <?php if !empty($_POST): ?> class="active" <?php endif; ?>" id="profile">...</div>
</div>
相关文章:
- 活动选项卡's源代码-获取变量s值
- 使用纯javascript而非jquery使所选选项卡处于活动状态并保持非活动状态
- 从Bootstrap获取活动选项卡ID并将其传递给PHP
- 使用 AngularJS 设置活动选项卡样式
- 我如何为列出的选项卡元素编写一个Protractor测试,它会检查它是否's是否处于活动状态
- Angular+bootstrap ui,检查当前选项卡是否已处于活动状态
- 如何在angular bootstrap ui中聚焦活动导航选项卡中的拳头输入字段
- 单击我网站中的链接时打开新选项卡,保持当前选项卡处于活动状态
- 引导导航选项卡未突出显示活动选项卡
- JQuery UI 1.11 将选项卡设置为活动状态
- 基于查询字符串的活动选项卡
- Chrome扩展-仅更改活动选项卡的default_icon
- 页面刷新后,所选选项卡处于非活动状态
- 使第二个选项卡处于第一个活动状态
- jQuery UI选项卡基于活动选项卡显示/隐藏图像
- 非活动选项卡容器内的选定宽度问题
- 如何在chrome扩展中检索活动选项卡、后台消息侦听器内部
- 如何仅在活动选项卡中获取选定选项的属性
- 使用jquery更改活动选项卡
- 使选项卡处于活动/非活动状态未显示正确的数据