添加和删除 twitter 引导选项卡/药丸答案

【问题标题】：Adding and removing twitter bootstrap tabs/pills添加和删除 twitter 引导选项卡/药丸
【发布时间】：2012-04-20 00:27:35
【问题描述】：

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

【问题讨论】：

标签： jquery twitter-bootstrap

【解决方案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');

这将显示一个新标签。

【讨论】：

非常感谢您的帮助，但我不确定如何应用它。基本上我想要一个按钮，就像在任何浏览器中一样，当你点击它时，会出现一个包含某些内容的新标签。我现在尝试以几种不同的方式实现上面的代码，但似乎没有一个添加选项卡（或为此做任何事情）。我可以再打扰你几分钟吗？
@Dave Here's a jsfiddle 有一个我回答的更详尽的例子。你会注意到点击标签不会改变它们，这是一个 jsfiddle 问题 - 它可以在野外工作.