Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用关闭按钮切换引导选项卡_Javascript_Jquery_Css_Twitter Bootstrap - Fatal编程技术网

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

Javascript 使用关闭按钮切换引导选项卡,javascript,jquery,css,twitter-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,我想知道如何通过点击活动选项卡按钮或通过“关闭”按钮关闭Twitter引导中的当前选项卡。换句话说,我想知道如何从以下位置删除“活动”类: 活动选项卡按钮 活动选项卡窗格 用户流如下所示: 所有未选择以开始的选项卡 用户单击选项卡,相关选项卡窗格打开 用户单击同一选项卡按钮关闭。 所有选项卡都已关闭。 选项卡窗格的外观如下所示: <div class="tab-pane fade active" id="tab01"> Tab content #01

我想知道如何通过点击活动选项卡按钮或通过“关闭”按钮关闭Twitter引导中的当前选项卡。换句话说,我想知道如何从以下位置删除“活动”类:

活动选项卡按钮 活动选项卡窗格 用户流如下所示:

所有未选择以开始的选项卡 用户单击选项卡,相关选项卡窗格打开 用户单击同一选项卡按钮关闭。 所有选项卡都已关闭。 选项卡窗格的外观如下所示:

<div class="tab-pane fade active" id="tab01">
          Tab content #01
          <a>Close Me</a>
</div><!-- /#tab01 -->
希望这是有意义的,并感谢您的帮助


JS Fiddle链接:

试试这个。由于一些请求后问题,我无法在JSFIDLE中演示它

添加一个id以关闭按钮。并为unfocus按钮添加一个新的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 -->
附加Javascript

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

发布一堆代码。
$('#closetab').click(function (e) {
    e.preventDefault();
    $('#tab1').css("display", "none");
    $('#ur-hack').focus();
});