Düğme İşte <pre><code><br><a class="btn btn-primary" href="#tab2" data-toggle="tab">Review</a><br> </code></pre> <p></p> kodudur .. Heyecan Bootstrap

Question

Bu düğme içeriğini yüklemek için bir sonraki sekme tetikler, ancak kendisi geçmezse sekmesi, ilk sekmede kalır ile Nav-Tab Tetiklemenin nav nav-sekmeleri:

<ul class="nav nav-tabs"> 
    <li class="active"><a href="#tab1" data-toggle="tab">Shipping</a></li> 
    <li><a href="#tab2" data-toggle="tab">Quantities</a></li> 
    <li><a href="#tab3" data-toggle="tab">Summary</a></li> 
    </ul> 

..per takdir sekmesi & içeriği hem geçiş için HERHANGİ ÇÖZÜM ...

, activate: function (element, container, callback) { 
     var $active = container.find('> .active') 
     , transition = callback 
      && $.support.transition 
      && $active.hasClass('fade') 

     function next() { 
     $active 
      .removeClass('active') 
      .find('> .dropdown-menu > .active') 
      .removeClass('active') 

     element.addClass('active') 

     if (transition) { 
      element[0].offsetWidth // reflow for transition 
      element.addClass('in') 
     } else { 
      element.removeClass('fade') 
     } 

     if (element.parent('.dropdown-menu')) { 
      element.closest('li.dropdown').addClass('active') 
     } 

     callback && callback() 
     } 

     transition ? 
     $active.one($.support.transition.end, next) : 
     next() 

     $active.removeClass('in') 
    } 
    } 

Answer 1

Sen İnceleme butonuna jQuery kullanarak bir tık işleyicisi atayabilirsiniz

JS: haps bir yol * önyükleme-tab.js V2.3.1 içinde next() fonksiyonunu tetiklemek için düğmeye değiştirmek için:

$('#btnReview').click(function(){ 
    $('.nav-tabs > .active').next('li').find('a').trigger('click'); 
}); 

HTML:

<a class="btn btn-primary" href="#" id="btnReview">Review</a> 

Working Demo

Answer 2

Tetikleme bağlantısı için 'data-toggle' öğesini 'data-tetikleyicisi' olarak değiştirerek, aşağıdaki kod, benzer işaretlemeye sahip tüm tetikleyiciler için aynı HREF özniteliğine sahip herhangi bir sekmeyi tetikleyebilir.

JS (N.B. Seçiciler o daha esnek çözümü için sadece bir rehber, optimize edilmemiş):

$('[data-trigger="tab"]').click(function(e) { 
    var href = $(this).attr('href'); 
    e.preventDefault(); 
    $('[data-toggle="tab"][href="' + href + '"]').trigger('click'); 
}); 

HTML:

<a class="btn btn-primary" href="#tab2" data-trigger="tab">Review</a>