Estou usando o Bootstrapnav-tabs com a seguinte configuração:

<ul class="nav nav-tabs">
  <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
  <li><a href="#profile" data-toggle="tab">Profile</a></li>
</ul>
<div id="tabContent" class="tab-content">
  <div class="tab-pane active in" id="home">
    <form id="tab">
        <label>Name:</label>
        <input type="text" value="fooBar" class="input-xlarge">
    </form>
  </div>
  <div class="tab-pane fade" id="profile">
    <form id="tab2">
        <a href="#home">Home</a>
    </form>
  </div>
</div>

Como você pode ver, eu tenho um link no meuprofile guia, que liga à primeira guia. Clicar na âncora altera o URL na barra de URL, no entanto, não salta para a guia específica.

Então notei que geralmente não é possível vincular diretamente a uma guia, então adicionei o seguinte código deGuias do Twitter Bootstrap: Vá para a guia Específico na página Recarregar ou Hiperlink:

// 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', function (e) {
    window.location.hash = e.target.hash;
})

Agora eu posso ligar para uma guia específica de outro lugar, mas não, se eu estiver na mesma página onde a barra de navegação está. Recarregar a página, então, ir para a aba desejada, então eu pensei que poderia apenas recarregar a página, com a solução deJavascript: como recarregar um site com uma marca de âncora?:

window.location.reload(true);

Isso, no entanto, acabou sendo recarregado toda vez que eu cliquei em uma guia, além disso, ele ainda não carregavahome guia, quando clicado na âncora.

Assim, como eu pularia para um determinadoid de outra guia?