Estoy usando Bootstrap'snav-tabs con la siguiente configuración:

<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 puedes ver, tengo un enlace en miprofile pestaña, que enlaza con la primera pestaña. Al hacer clic en el ancla cambia la URL en la barra de URL, sin embargo, no salta a la pestaña específica.

Entonces noté que generalmente no es posible vincular directamente a una pestaña, así que agregué el siguiente código dePestañas de Bootstrap de Twitter: Vaya a la pestaña Específica en Recarga de página o Hipervínculo:

// 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;
})

Ahora puedo enlazar a una pestaña específica desde otro lugar, pero no, si estoy en la misma página donde está la barra de navegación. Recargar la página luego saltaría a la pestaña deseada, así que pensé que solo podía recargar la página a la fuerza, con la solución deJavascript: ¿Cómo volver a cargar un sitio con una etiqueta de anclaje?:

window.location.reload(true);

Sin embargo, esto terminó en una recarga cada vez que hacía clic en una pestaña, además, todavía no cargaba elhome pestaña, cuando se hace clic en el ancla.

Así, ¿cómo saltaría a un dado?id de otra pestaña?