添加和删​​除twitter bootstrap选项卡/药片

时间:2012-04-20 00:27:36

标签: jquery twitter-bootstrap

我想在我的网站中使用bootstrap的内置选项卡,但我需要用户能够自己添加或删除选项卡。我已经看过几个jqueryUI选项卡的演示,允许用户添加或删除它们,我知道bootstrap的选项卡本身就是jquery,所以我知道它应该是一个非常简单的脚本来添加该功能但我无法想象出来。有谁知道怎么做?

1 个答案:

答案 0 :(得分:2)

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

这将显示一个新标签。