Düğmeye basıldığında, Twitter Bootstrap sekmesi nasıl değiştirilir?

Question

Düğmeye basıldığında sekmeyi değiştirmem gerekiyor ve sekme kimlikle tanımlanmalıdır. Aşağıdaki kod benim için çalışmıyor - sadece sayfa yeniden yüklenir:

<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

Böyle bir şey kullanabilirsiniz:

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(); 
} 

ve nextTab('#tab'); veya prevTab('#tab');

Canlı örneğini kullanmak Devam eden eylemler: http://jsbin.com/atinel/9/edit#javascript,html

Answer 2

'i kullanmaya ne dersiniz?, bir <a> etiketinde? Şunlar gibi:

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