Question

使用Wordpress＆amp; Bootstrap 3 - 导航标签书签的链接不起作用我发现了很多（不同的）JavaScript和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>

我希望能够输入/访问网址 - 例如www.mysite.com/example#messages - 并登陆www.mysite.com/example页面（包含标签页）和#messages标签打开。

我只是无法打开一个不同的标签，其中没有.active类。在StackOverFlow上有一堆先前的例子，但是它们（到目前为止）都没有为我工作。

我已遵循说明＆amp;根据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的书签.... 发现如何......

Bootstrap 3 Nav选项卡书签url无效

1 个答案: