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