2012-04-20 9 views
3

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

答えて

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

これは新しいタブが表示されるようになります。

+0

本当に助けていただきありがとうございますが、どのように適用するかはわかりません。基本的には、どのブラウザでもボタンを好きなようにしたいと思います。そのボタンをクリックすると、特定のコンテンツを含む新しいタブが表示されます。私はいくつかの異なる方法の上でコードを実装しようとしましたが、タブを追加していないようです。私はあなたの時間の数分のためにあなたを悩ませることができますか? –

+2

@Dave [ここにはjsfiddle](http://jsfiddle.net/26ybT/1/)には、私が答えたもののより徹底的な例があります。タブをクリックしても変更されないことがわかります。これはjsfiddle問題 - それは野生で動作します。 –