Làm thế nào để thay đổi tab Twitter Bootstrap, khi nhấn nút?

Question

Tôi cần thay đổi tab khi nhấn nút và tab phải được xác định theo id. Các mã sau đây không làm việc cho tôi - chỉ trang web được nạp lại:

<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ạn có thể sử dụng một cái gì đó như thế này:

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

và sử dụng nextTab('#tab'); hoặc prevTab('#tab');

Sống dụ với các hành động tiếp tục: http://jsbin.com/atinel/9/edit#javascript,html

Answer 2

Điều gì về việc sử dụng data-toggle="tab" trong một thẻ <a>? Một cái gì đó như:

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