Как переводить по якорю на табу bootstrap?

Question

[DmitryRise]

Здравствуйте, я использую bootstrap 3.3.6
Возникла задача переходить на конкретную табу по якорю, ни одно найденное решение почему-то не срабатывает

<ul class="nav nav-pills fix-pills st-pills">
        <li class="active"><a data-toggle="pill" style="color:#000;background-color:#fff;" href="#package1">Раздел</a></li>
        <li class=""><a data-toggle="pill" style="color:#000;background-color:#fff;" href="#package2">Раздел</a></li>
        <li class=""><a data-toggle="pill" style="color:#000;background-color:#fff;" href="#package3">Раздел</a></li>
    </ul>
<div class="tab-content">
    <div id="package1" class="tab-pane fade in active"> </div>
    <div id="package2" class="tab-pane fade"> </div>
    <div id="package3" class="tab-pane fade"> </div>
</div>

Подскажите, пожалуйста, как решить эту проблему?

Я пытался использовать это решение, но оно не помогло

var hash = window.location.hash;
  hash && $('ul.nav a[href="' + hash + '"]').tab('show');



  $('.nav-tabs a').click(function (e) {
    $(this).tab('show');
    var scrollmem = $('body').scrollTop();
    window.location.hash = this.hash;
    $('html,body').scrollTop(scrollmem);
  });

Comments

[Василий Варюхин]

Неужели не заработало?

Answer 1

[Andrew]

Ты хочешь чтобы оно скролилось к табе? или просто меняло их, при нажатии? или...? у меня они меняются.

Comments

[DmitryRise]

Я хочу, чтобы при переходе по анкору нужной табы с другого сайта скролилось до этой табы (первой, второй или третьей) и соответственно открывалась нужная

Answer 2

[Василий Варюхин]

<div id="package1" class="tab-pane fade in active"><a name="package1"><a></div>
<div id="package2" class="tab-pane fade"><a name="package2"><a></div>
<div id="package3" class="tab-pane fade"><a name="package3"><a></div>

Поможет?

upd. Дошло что еще открываться должны.

$(function() {
    if( var hash = window.location.hash ) {
        $('a[href="#' + hash + ']').tab('show');
    }
});

Comments

[DmitryRise]

Нет, не работает

[Василий Варюхин]

DmitryRise, Ну конечно)

$('a[href="#' + hash + '"]').tab('show');

Эти кавычки...

[Василий Варюхин]

DmitryRise,
Посмотрите,
Тут откроется #Message
Тут откроется #Profile

[DmitryRise]

Hocopor, а как сделать скрол до нужной табы?

[Василий Варюхин]

DmitryRise, Поправил пример. Хотя мне кажется что и стандартный якорь выполнит эту задачу.