ボタンを押したときにTwitterのブートストラップタブを変更するにはどうすればいいですか？

Question

ボタンを押したときにタブを変更する必要があり、タブをIDで識別する必要があります。次のコードは、私のために動作しません - だけでページがリロードされます：

<div class="form-actions"> 
    <button class="btn btn-primary" id="btn-next">Next</button> 
    <button type="reset" class="btn">Clear</button> 
</div> 
... 
<div class="tab-pane active" id="2"> 
... 

$("#btn-next").click(function(event) { 
    $('#2').tab('show'); 
}); 

Answer 1

あなたはこのようなものを使用することができます

function nextTab(elem) { 
    $(elem + ' li.active') 
    .next() 
    .find('a[data-toggle="tab"]') 
    .click(); 
} 
function prevTab(elem) { 
    $(elem + ' li.active') 
    .prev() 
    .find('a[data-toggle="tab"]') 
    .click(); 
} 

をしてnextTab('#tab');かprevTab('#tab');

ライブの例を使用し続行アクション：http://jsbin.com/atinel/9/edit#javascript,html

Answer 2

の使用について<a>タグ内の？何かが好きです：

<a href="#2" class="btn btn-primary" id="btn-next" data-toggle="tab">Next</a>