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) Может сможет кто подсказать? |
Вопрос удалось решить:
$(document).ready(function() { $('.cont').click(function(){ var nextId = $(this).parents('.tab-pane').next().attr("id"); $('[href=#'+nextId+']').tab('show'); }) }); Кнопке в class добавился cont, href изменился на просто #. Спасибо кто тут был :-) |
Часовой пояс GMT +3, время: 09:55. |