Bootstrap 3 Nav Tabs书签网址不起作用

Question

使用 Wordpress 和 Bootstrap 3 - 我的导航标签书签链接不起作用。
我找到了许多（不同的）JavaScript 和 jQuery 示例，但到目前为止还没有一个有效的示例。

我的 HTML：

<ul class="nav nav-tabs" role="tablist" id="myTab">
  <li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
  <li><a href="#profile" role="tab" data-toggle="tab">Profile</a></li>
  <li><a href="#messages" role="tab" data-toggle="tab">Messages</a></li>
  <li><a href="#settings" role="tab" data-toggle="tab">Settings</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane active" id="home">...</div>
  <div class="tab-pane" id="profile">...</div>
  <div class="tab-pane" id="messages">...</div>
  <div class="tab-pane" id="settings">...</div>
</div>

我希望能够输入/访问 URL - 例如 www.mysite.com/example#messages - 并使用 #messages 登陆 www.mysite.com/example 页面（包含选项卡）标签打开。

我只是无法打开另一个选项卡，其中没有 .active 类。 StackOverFlow 上有很多先前的示例，但没有一个（到目前为止）对我有用。

我已按照 Bootstrap 网站的说明和标记进行操作： http://getbootstrap.com/javascript/#tabs

...目前还没有运气。

有什么想法吗？
欣赏提示！

Answer 1

$(document).ready(function() {        
    var url = document.location.toString();
    if (url.match('#')) {
        $('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');
    }
});

这样就可以了 但它也会进入#tabid的书签...... 寻找如何不...