Bootstrap如何直接链接到特定选项卡中的锚标签

Question

我正在使用bootstrap v3，并想链接到特定标签内的锚标记。 我发现了一种链接到特定标签的方法，如下所示：

http://www.example.com/faq.html#tab2

下面是我用来完成这项工作的代码。

<script type="text/javascript">
        $(function() {
          // Javascript to enable link to tab
          var hash = document.location.hash;
          if (hash) {
            console.log(hash);
            $('.nav-tabs a[href='+hash+']').tab('show');
          }

          // Change hash for page-reload
          $('a[data-toggle="tab"]').on('show.bs.tab', function (e) {
            window.location.hash = e.target.hash;
          });
        });
    </script>

但是，我想跳到该选项卡中的锚标记，因此我进行了如下所示的链接，但它不起作用。

faq.html#tab2#topic2-3

我相信2个标签正在出问题？ 有没有办法直接链接到特定选项卡中的锚标记？ 也许是这样的？

faq.html?tab=2#topic2-3

感谢您的帮助。

Answer 1

为了使用锚点，使用引导程序这一事实无关紧要。 您需要正确地将名称提供给您要使用的锚点/标题。 为了做到这一点，你可以做

<a name="tab2">Title Text</a>

现在，当你去

/myPage.html#tab2

你会到达你想要的地方。 在此处阅读更多信息： http : //help.typepad.com/anchor-tags.html

在你到达锚点之前，如果你想去一个特定的标签，你应该通过使用get请求找到它，就像你说的那样，这样你就不会试图找到两个锚点，这是没有意义的浏览器。