Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.09.2015, 09:18
Новичок на форуме
Отправить личное сообщение для Nilsan Посмотреть профиль Найти все сообщения от Nilsan
 
Регистрация: 24.08.2015
Сообщений: 9

bootstrap tabs при переходе остаётся старая актив
Возникла такая проблема, сделал tab-nav, но при кликах по заголовкам - работает отилчно, а при клике по кнопке, переходит в нужную закладку, но активной остаётся старая...
Вот что у меня есть:

$(document).ready(function(){ 
  $("#myTab a").click(function(e){
    e.preventDefault();
    $(this).tab('show');
  });
});


<ul id="myTab" class="nav nav-tabs">
  <li class="active"><a href="#panel1" data-toggle="tab">Заполнение</a></li>
  <li><a href="#panel2" data-toggle="tab">Результат</a></li>
  <li><a href="#panel3" data-toggle="tab">Информация</a></li>
</ul>
	
<div class="tab-content">
<div id="panel1" class="tab-pane fade in active">
<!-- содержимое -->
</div>
</div>

<a href="#panel2"class="btn btn-success btn-lg btn-block " onClick="Raschet();" data-toggle="tab">ПОСЧИТАТЬ</a>

<div id="panel2" class="tab-pane fade">
<!-- содержимое -->
</div>

<div id="panel3" class="tab-pane fade">
<!-- содержимое -->
</div>


долго гуглил, нашел кучу разных вариантов решения, но ниодин не работает, работает только таким вот стопорным через css, через JS не хочет при клике по кнопке переходить на вторую вкладку с результатом и все... В данном случае при клике по кнопке переходит куда нужно, но остается активной первая вкладка (panel1)
Может сможет кто подсказать?
Ответить с цитированием
  #2 (permalink)  
Старый 21.09.2015, 13:13
Новичок на форуме
Отправить личное сообщение для Nilsan Посмотреть профиль Найти все сообщения от Nilsan
 
Регистрация: 24.08.2015
Сообщений: 9

Вопрос удалось решить:
$(document).ready(function() {      
$('.cont').click(function(){
var nextId = $(this).parents('.tab-pane').next().attr("id");
$('[href=#'+nextId+']').tab('show');
})      
});


Кнопке в class добавился cont, href изменился на просто #.

Спасибо кто тут был :-)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Jquery UI Tabs плодятся блоки при переключении между вкладками. Arey jQuery 12 05.09.2012 21:57
условие при переходе Q4Dizzy Общие вопросы Javascript 1 12.04.2012 13:02
Ява меню закрывается при переходе на страницу. Avenger Общие вопросы Javascript 3 29.06.2011 01:08
Див при переходе по ссылке Andrejs Элементы интерфейса 6 27.04.2011 21:40
ajax tabs + form сбрасывание формы при переключении Tchort AJAX и COMET 1 04.12.2010 19:54