使用关闭按钮切换引导选项卡

Question

我想知道如何通过点击活动标签按钮或通过“关闭”按钮来关闭Twitter Bootstrap中的当前标签。换句话说，我想知道如何从'

中删除'active'类

1. 有效标签按钮
2. 活动标签窗格

用户流程如下：

1. 所有标签均未选中以
开头
2. 用户点击标签页并打开相关标签页
3. 用户点击相同的标签按钮即可关闭。
4. 所有标签均已关闭。

选项卡窗格如下所示：

<div class="tab-pane fade active" id="tab01">
          Tab content #01
          <a>Close Me</a>
</div><!-- /#tab01 -->

希望这是有道理的，并感谢帮助!!

JS小提琴链接：http://jsfiddle.net/dru_rustin/8Bw4z/

Answer 1

试试这个。由于一些发布请求问题，我无法在jsfiddle中展示它。

1. 将按钮添加到按钮关闭。并为非焦点按钮附加一个新的HTML元素。 你的代码就是这样。

   <div id="configuration-panel" class="tab-content">
   <div class="tab-pane fade active" id="tab01">Tab content #01 
   <a href="target" class="btn btn-primary" id="closetab">Close active tab</a>
   </div>
   
   <!-- /#tab01 -->
   

2. 追加css

   #blur-hack {
       position: absolute;
       opacity: 0;
   }
   

3. 附加Javascript

   $('#closetab').click(function (e) {
       e.preventDefault();
       $('#tab1').css("display", "none");
       $('#ur-hack').focus();
   });