添加和删除twitter引导标签/药片

我想使用bootstrap的内置标签在我的网站，但我需要用户能够添加或删除标签本身。我看过几个jqueryUI选项卡的演示，允许用户添加或删除它们，并且我知道bootstrap的选项卡本身就是jquery，所以我知道它应该是一个非常简单的脚本来添加该功能，但我无法确定出来。有人知道怎么做吗？添加和删除twitter引导标签/药片

来源

2012-04-20 David Harbage

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');

这将使一个新的标签出现。

来源

2012-04-20 00:34:44

我非常感谢您的帮助，但我不确定如何应用它。基本上我希望有一个按钮，就像任何浏览器一样，当你点击它时，会出现一个包含特定内容的新选项卡。我已经尝试过用几种不同的方式实现代码，而且似乎没有添加任何选项卡（或者为此做任何事情）。我可以再烦你几分钟的时间吗？ – 2012-04-20 00:57:34

@Dave [这里是一个jsfiddle]（http://jsfiddle.net/26ybT/1/），它有我的答案更彻底的例子。你会发现点击标签不会改变它们，这是一个jsfiddle问题 - 它会在野外工作。 – 2012-04-20 03:18:23

添加和删除twitter引导标签/药片

回答

相关问题