बटन बूट होने पर ट्विटर बूटस्ट्रैप टैब को कैसे बदला जाए?

Question

बटन दबाए जाने पर मुझे टैब को बदलने की ज़रूरत है, और टैब आईडी द्वारा पहचाना जाना चाहिए। निम्नलिखित कोड मेरे लिए काम नहीं करता है - बस पृष्ठ पुनः लोड है:

<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>