2014-01-27 4 views
0

Я использую закладки bootstaps. Теперь мне нужна связь с одной вкладки на другую в конце содержания (от #allmembers до #additionalЯкорная ссылка внутри загрузочных вкладок

  <div class="contact-content"> 
      <ul class="nav nav-tabs contactTab"> 
       <li class="allmembers"> 
        <a href="#allmembers" data-toggle="tab">Members</a> 
       </li> 
       <li class="additional"> 
        <a href="#additional" data-toggle="tab">Additional</a> 
       </li> 
      </ul> 

      <!-- Tab panes --> 
      <div class="tab-content"> 
       <div class="tab-pane active" id="allmembers"> 
        Content 
       </div>      

       <div class="tab-pane active" id="additional"> 
        Content 2 
       </div> 
      </div> 

JQuery

$('.contactTab a:first').tab('show') // Select first tab 

    $('.contactTab a').click(function (e) { 
     e.preventDefault(); 
     $(this).tab('show'); 
    }); 

я могу получить ссылку якорь настроить нормально, но он не переключитесь на вкладку снова и перейдите к вершине. Я ожидаю, что что-то делать с предотвращением поведения по умолчанию.

+0

использовать [данных] (http://api.jquery.com/data/) не .tab ('шоу') –

ответ

2

Вот demo, которые делают эту работу.

$('#next').click(function() { 
    $('[href="#additional"]').tab('show'); 
}); 

Ваша ошибка в уровне селектора jQuery, я думаю.

Наслаждайтесь :)

Смежные вопросы