jquery - 添加和删​​除 Twitter Bootstrap 选项卡/药丸

Question

我想在我的网站中使用 bootstrap 的内置选项卡，但我需要用户能够自行添加或删除选项卡。我看过几个 jqueryUI 选项卡的演示，允许用户添加或删除它们，而且我知道 bootstrap 的选项卡本身就是 jquery，所以我知道添加该功能应该是一个非常简单的脚本，但我就是想不通出来。有人知道该怎么做吗？

Answer 1

Tabs are activated individually ，因此您应该能够简单地从 DOM 添加/删除元素并调用 $().tab('show')。

假设您有现有的选项卡:

<div class="tab-content">
  <div class="tab-pane" id="existingTab">..</div>
</div>

添加新选项卡的示例:

$('.tab-content')
    .append(
        $('<div></div>')
            .addClass('tab-pane')
            .attr('id', 'newTab')
    );

$('#newTab').tab('show');

这将出现一个新选项卡。