jquery - Twitterブートストラップタブ/ピルの追加と削除

Question

自分のサイトでブートストラップの組み込みタブを使用したいのですが、ユーザーが自分でタブを追加または削除できるようにする必要があります。ユーザーがタブを追加または削除できるjqueryUIタブのデモをいくつか見てきましたが、ブートストラップのタブ自体がjqueryであることを知っているので、その機能を追加するのは非常に簡単なスクリプトであるはずですが、理解できません。それを出します。誰もがこれを行う方法を知っていますか？

Answer 1

タブは個別にアクティブ化されるため、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');

これにより、新しいタブが表示されます。