Bootstraps选项卡,关闭选项卡时打开上一个/前一个选项卡

时间:2017-04-07 11:39:13

标签: javascript jquery

我目前有以下代码:

function registerCloseEvent() {
 $("#tabs").on("click", ".close", function() {
   var tabID = $(this).parents("a").attr("href");
   var uuid = $(this).parents("a").attr("data-id");
   $(tabID).remove();
   var tabFirst = $("#tabs a:first");
   tabFirst.tab("show");
   $(this).parents("li").remove();
 });
}

关闭/删除当前活动选项卡并打开/激活第一个选项卡。

但是我想打开前面的标签而不是第一个标签,并尝试了一切,但没有运气如何实现这一点。

欢迎任何帮助

编辑:HTML代码

<ul class="nav nav-tabs" id="tabs" style="border-bottom: 1px solid rgb(221, 221, 221);">
 <li class=""><a href="#tab1" data-toggle="tab"><button class="close closeTab" type="button">×</button>Some Title</a></li>
 <li class=""><a href="#tab2" data-toggle="tab"><button class="close closeTab" type="button">×</button>Some Title</a></li>
 <li class=""><a href="#tab8" data-toggle="tab"><button class="close closeTab" type="button">×</button>Some Title</a></li>
 <li class=""><a href="#tab11" data-toggle="tab"><button class="close closeTab" type="button">×</button>Some Title</a></li>
</ul>

<div class="tab-content" id="tab-content">
        <div class="tab-pane" id="tab1"> </div>
        <div class="tab-pane" id="tab2"> </div>
        <div class="tab-pane" id="tab8"> </div>
        <div class="tab-pane" id="tab1"> </div>
</div>

请注意,#tab hrefs是可变的,具体取决于打开的标签数量。

0 个答案:

没有答案