Вызов navtab по URL-адресу Bootstrap

Моя проблема заключается в следующем: у меня есть три навигационных вкладки:

<ul class="nav nav-tabs">
  <li class="active"><a data-toggle="tab" href="#menu1">Personendaten</a></li>
  <li><a data-toggle="tab" href="#menu2">Studienübersicht</a></li>
  <li><a data-toggle="tab" href="#menu3">Dokumente</a></li>
</ul>

<div class="tab-content">
  <div id="menu1" class="tab-pane fade in active">
  <!-- some code here -->
  </div>
  <div id="menu2" class="tab-pane">
    <!-- some code here -->
  </div>
  <div id="menu2" class="tab-pane">
    <!-- some code here -->
  </div>
 </div>

/** A solution I found on the internet */
// Javascript to enable link to tab
    var url = document.location.toString();
    if (url.match('#')) {
        $('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');
    } 

    // Change hash for page-reload
    $('.nav-tabs a').on('shown.bs.tab', function (e) {
        window.location.hash = e.target.hash;
    })

Внутри каждого меню есть сообщение, которое вызывает файл php, который передает некоторые данные сообщений из меню 1 в меню 2 и из меню 2 в меню 3 по URL-адресу.

Моя проблема в том, что когда я позвонил http://example.com/page.php#menu2 < / a> это не сработало. С помощью кода JavaScript, который я нашел в Интернете, URL-адрес показывает # menu2 при нажатии на эту вкладку.